/* Theme Name: Linexon - Responsive Landing Page Template
   Author: Themesdesign
   Version: 1.0.0
   Created: October 2017
   File Description: Main CSS file of the template
*/

/*======
sections:
basics
general
helpers
containers
header
hero-units
index-page-units
special-units
dashboard-units
=======*/
html {
    font-size: 14px;
}

body {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #252525;
}
body.no-scroll {
    overflow: hidden!important;
}

.col-24 {
    -ms-flex: 0 0 200%;
    flex: 0 0 200%;
    max-width: 200%;
}
.col-18 {
    -ms-flex: 0 0 150%;
    flex: 0 0 150%;
    max-width: 150%;
}

body.index-body.index-landing header.sp-header:not(.bg-white) .logo .logo-light,
body.index-body.index-landing.sp-header-transparent header.sp-header:not(.bg-white) .logo .logo-dark {
    display: none !important;
}
body.index-body.index-landing header.sp-header:not(.bg-white) .logo .logo-dark,
body.index-body.index-landing.sp-header-transparent header.sp-header:not(.bg-white) .logo .logo-light {
    display: inline-block !important;
}

body header.sp-header.bg-white .logo .logo-dark {
    display: inline-block !important;
}

body header.sp-header.bg-white .logo .logo-light {
    display: none !important;
}

body.index-body.index-landing header.sp-header:not(.bg-white) .main-nav .navbar-link-item {
    color: #252525 !important;
}
body.index-body.index-landing.sp-header-transparent header.sp-header:not(.bg-white) .main-nav .navbar-link-item {
    color: #ffffff !important;
}

body.index-body.index-landing header.sp-header:not(.bg-white) .navbar-toggle .lines span {
    background-color: #252525;
}

body.sp-header-light header.sp-header {
    /*background-color: #ffffff !important;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.15), 0 0 1px 0 rgba(0,0,0,.15)*/
}
body.sp-header-light header.sp-header .logo .logo-light {
    display: none !important;
}
body.sp-header-light header.sp-header .logo .logo-dark {
    display: block !important;
}
body.sp-header-light header.sp-header .main-nav .navbar-link-item,
body.sp-header-light header.sp-header .secondary-nav .navbar-link-item {
    color: #252525 !important;
}
body.sp-header-light header.sp-header:not(.bg-white) .secondary-nav a.cta > span {
    color: #5c7cfa;
    border-color: #5c7cfa;
}
body.sp-header-light header.sp-header:not(.bg-white) .secondary-nav a.cta:hover > span {
    color: #ffffff;
}

body.sp-header-light.intercom-landing header.sp-header:not(.bg-white) .secondary-nav a.cta > span,
body.sp-header-light.drift-landing header.sp-header:not(.bg-white) .secondary-nav a.cta > span {
    color: #252525;
    border-color: #252525;
}
body.sp-header-light.intercom-landing header.sp-header:not(.bg-white) .secondary-nav a.cta:hover > span,
body.sp-header-light.drift-landing header.sp-header:not(.bg-white) .secondary-nav a.cta:hover > span {
    color: #ffffff;
    background-color: #252525;
}

body.sp-header-light header.sp-header:not(.bg-white) .navbar-toggle .lines span {
    background-color: #252525;
}

body.dashboard-body.alt {
    min-height: 100vh;
}
body.dashboard-body.alt.reports-landing-page .dashboard-main #event-trends-reports-container {
    min-height: 35rem;
}

body.salesforce-data-cloud-cdp-alternative-landing {
    font-size: 16px;
}
body.salesforce-data-cloud-cdp-alternative-landing .header-bg-container {
    padding: 4rem 6rem;
}
body.salesforce-data-cloud-cdp-alternative-landing .header-bg-container>.position-absolute {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    filter: opacity(35%);
    z-index: 2;
}

.dashboard-navigation,
.dashboard-submenu-container,
.dashboard-navigation-help-actions-container {
    height: 100%;
    left: 0;
    overflow: visible;
    padding: 0;
    position: fixed;
}
.dashboard-navigation {
    background-color: #35495e;
    width: 64px;
    z-index: 1050;
}
.dashboard-submenu-container {
    left: 64px;
    width: 248px;
    overflow-y: scroll;
    will-change: left;
    transition: left 50ms cubic-bezier(0.2, 0, 0, 1) 0s;
}
.dashboard-navigation-help-actions-container {
    background: #ffffff;
    left: 64px;
    z-index: 1052;
    overflow-y: scroll;
}
.dashboard-navigation .dashboard-site-logo {
    height: 64px;
    transition: background 300ms;
}
.dashboard-navigation .dashboard-site-logo:hover {
    background: #ffffff;
    border-bottom: 1px solid #e9ecef;
}
.dashboard-navigation .dashboard-site-logo img {
    height: 36px;
    width: 36px;

}
.dashboard-navigation .dashboard-navigation-menu-container .dashboard-navigation-item {
    color: #96a3b0;
}
.dashboard-navigation .dashboard-navigation-menu-container .dashboard-navigation-item svg {
    height: 18px;
    width: 18px;
}
.dashboard-navigation .dashboard-navigation-menu-container .dashboard-navigation-item.current svg #Clip-5 {
    fill: #ffffff;
}
.dashboard-navigation .dashboard-navigation-menu-container .dashboard-navigation-item.current,
.dashboard-navigation .dashboard-navigation-menu-container .dashboard-navigation-item.current:hover {
    color: #ffffff;
}
.dashboard-navigation .dashboard-navigation-menu-container .dashboard-navigation-item.current>span {
    box-shadow: inset 0 0rem 3rem rgba(0,0,0,.5);
}
.dashboard-navigation .dashboard-navigation-menu-container .dashboard-navigation-item span {
    transition: background 300ms;
}
.dashboard-navigation .dashboard-navigation-menu-container .dashboard-navigation-item:hover span {
    background: rgba(255, 255, 255, 0.2);
}

.dashboard-navigation .dashboard-navigation-menu-container .dashboard-navigation-item#dashboard-navigation-help-actions:after {
    display: none;
    content: "";
}

.dashboard-body.alt .dashboard-navigation-tooltip-container .tooltip.show {
    opacity: 1;
    left: -1rem !important;
    z-index: 4000;
}
.dashboard-body.alt .dashboard-navigation-tooltip-container .tooltip .arrow:before {
    border-right-color: rgba(255,255,255,1);
    z-index: 4000;
}
.dashboard-body.alt .dashboard-navigation-tooltip-container .tooltip-inner {
    background-color: rgba(255,255,255,1);
    z-index: 4000;
    border-radius: 2px;
    color: #191919;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .3px;
    max-width: 200px;
    padding: 4px 11px;
    text-align: center;
    -webkit-box-shadow: 0 3px 6px 0 rgba(52,74,97,.125);
    -moz-box-shadow: 0 3px 6px 0 rgba(52,74,97,.125);
    box-shadow: 0 3px 6px 0 rgba(52,74,97,.125);
}

body.dashboard-body.alt .dashboard-navigation-activator {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    max-width: 0;
}
body.dashboard-body.alt .dashboard-container {
    padding: 0 0 0 312px;
    transition: padding-left 50ms cubic-bezier(0.2, 0, 0, 1) 0s,
                z-index 100ms cubic-bezier(0.2, 0, 0, 1) 0s;
    z-index: 1039;
}
body.dashboard-body.alt .dashboard-container .dashboard-main {
    background: #ffffff;
}

body.dashboard-body.alt .dashboard-container #quick-filters-summary-container .dropdown-item,
body.dashboard-body.alt .dashboard-container #contacts-list-preview-filters .dropdown-item {
    font-size: .93rem;
}

body.dashboard-body.alt .dashboard-container #dashboard-container-overlay.active,
body.dashboard-body.alt .dashboard-container #visitor-detail-view-container.active,
body.dashboard-body.alt .dashboard-container #account-detail-view-container.active,
body.dashboard-body.alt .dashboard-container #backdrop-for-detail-view-modals.active {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 312px;
    background-color: rgba(37, 37, 37, .25);
    z-index: 1039;
}
body.dashboard-body.alt .dashboard-container #account-detail-view-container.active {
    left: 32.5vw;
}
body.dashboard-body.alt .dashboard-container #visitor-detail-view-container.active:not(.overflow-hidden),
body.dashboard-body.alt .dashboard-container #account-detail-view-container.active:not(.overflow-hidden) {
    overflow-y: scroll;
}
body.dashboard-body.alt .dashboard-container #visitor-detail-view-container.hovered,
body.dashboard-body.alt .dashboard-container #account-detail-view-container.hovered {
    border-left-color: #0278ff !important;
}

body.dashboard-body.alt .dashboard-container #backdrop-for-detail-view-modals.active {
    left: 18px;
    z-index: 1040;
}

/* collapse-dashboard-submenu */

body.dashboard-body.alt.collapse-dashboard-submenu .dashboard-navigation:hover {
    z-index: 1052;
}

body.dashboard-body.alt.collapse-dashboard-submenu #collapse-dashboard-submenu-trigger {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 16px;
    transition: left 50ms cubic-bezier(0.2, 0, 0, 1) 0s;
    left: 312px;
    z-index: 1039;
}
body.dashboard-body.alt.collapse-dashboard-submenu #collapse-dashboard-submenu-trigger:hover,
body.dashboard-body.alt.collapse-dashboard-submenu #collapse-dashboard-submenu-trigger.hovered {
    cursor: pointer;
    border-left-color: #0278ff;
    color: #0278ff;
}

body.dashboard-body.alt.collapse-dashboard-submenu #collapse-dashboard-submenu-trigger i {
    font-size: 16px;
    line-height: 1;
    position: absolute;
    top: 54px;
    left: -8px;
    background: #ffffff;
    border-radius: 50%;
    will-change: left;
    transition: left 50ms cubic-bezier(0.2, 0, 0, 1) 0s;
}

body.dashboard-body.alt.collapse-dashboard-submenu.show-dashboard-navigation .dashboard-navigation {
    z-index: 1053;
}

body.dashboard-body.alt.collapse-dashboard-submenu .dashboard-navigation-activator {
    width: 18px;
    max-width: 18px;
    z-index: 1052;
}

body.dashboard-body.alt.collapse-dashboard-submenu .dashboard-submenu-container {
    left: -312px;
}
body.dashboard-body.alt.collapse-dashboard-submenu .dashboard-container,
body.dashboard-body.alt.no-dashboard-submenu.collapse-dashboard-submenu .dashboard-container {
    position: relative;
    padding-left: 18px;
    z-index: 1051;
    width: calc( 100vw - 18px );
}
body.dashboard-body.alt.collapse-dashboard-submenu .dashboard-container .dashboard-main {
    min-height: calc( 100vh - 60px);
}
body.dashboard-body.alt.collapse-dashboard-submenu .dashboard-submenu-primary-navlinks a.nav-link.active,
body.dashboard-body.alt.collapse-dashboard-submenu .dashboard-submenu-primary-navlinks a.nav-link:hover {
    background-color: transparent;
}

body.dashboard-body.alt .dashboard-container .collapse-dashboard-submenu-hide-columns,
body.dashboard-body.alt .dashboard-container .collapse-dashboard-submenu-show-columns {
    transition: left 50ms cubic-bezier(0.2, 0, 0, 1) 0s;
}
body.dashboard-body.alt.collapse-dashboard-submenu .dashboard-container .collapse-dashboard-submenu-hide-columns {
    width: 0;
    max-width: 0;
}
body.dashboard-body.alt.collapse-dashboard-submenu .dashboard-container .collapse-dashboard-submenu-show-columns,
body.dashboard-body.alt.collapse-dashboard-submenu footer,
body.dashboard-body.alt.collapse-dashboard-submenu #primary-pagination,
body.dashboard-body.alt.collapse-dashboard-submenu #vue-pagination {
    max-width: 294px;
}
body.dashboard-body.alt.collapse-dashboard-submenu .dashboard-container .collapse-dashboard-submenu-show-columns.visitor-identifier-column {
    max-width: 280px;
}
body.dashboard-body.alt #primary-pagination nav,
body.dashboard-body.alt #vue-pagination nav {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

body.dashboard-body.alt.collapse-dashboard-submenu .container-post-collapse {
    margin-left: 0 !important;
}

body.dashboard-body.alt.collapse-dashboard-submenu .container-post-collapse.container-with-max-width-constraints {
    max-width: 294px;
}

body.dashboard-body.alt.collapse-dashboard-submenu .hide-when-submenu-collapsed,
body.dashboard-body.alt.collapse-dashboard-submenu .d-flex.hide-when-submenu-collapsed,
body.dashboard-body.alt.collapse-dashboard-submenu .contact .avatar .bulk-action-select-checkbox ,
body.dashboard-body.alt.collapse-dashboard-submenu .contact .feed-opportunity-company-logo .bulk-action-select-checkbox {
    display: none !important;
}

/* collapse-dashboard-submenu */


/* no-dashboard-submenu */

body.dashboard-body.alt.no-dashboard-submenu .dashboard-container {
    padding: 0 0 0 64px;
}
body.dashboard-body.alt.no-dashboard-submenu .dashboard-container #dashboard-container-overlay.active {
    left: 64px;
}

/* no-dashboard-submenu */

.dashboard-container .dashboard-header,
.dashboard-header-light {
    width: 100%;
    height: 64px;
    /*color: #FFFFFF;*/
    padding: 0 1rem 0 1rem;
    z-index: 1039;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    background: #FFFFFF;
    border-bottom: 1px solid #e9ecef;
    position: relative;
}
.header-brand>h1 {
    line-height: 100%;
    font-size: 1.3rem;
    font-weight: normal;
    margin: 0;
}
.header-nav {
    height: 100%;
}
.header-nav .nav-item.navbar-dashboard-notifications {
    position: relative;
}
.header-nav .nav-item.navbar-dashboard-notifications a.dropdown-toggle:after,
.header-nav .nav-item.navbar-dashboard-date-range-trigger a.dropdown-toggle:after {
    display: none;
}
.navbar-dashboard-date-range-trigger {
    min-width: 10rem;
}
.header-nav .nav-link {
    padding: 0 1rem;
    font-size: .825625rem;
    color: #98a6ad;
    transition: all 0.3s;
}
.header-nav .nav-link[aria-expanded="true"],
.header-nav .nav-link:hover {
    color: #272727;
    transition: all 0.3s;
}
.user-account-navigation.header-nav .nav-item.border-left {
    border-left: 1px solid #e7e9ee!important;
}
.dashboard-container .dashboard-main {
    min-height: calc( 100vh - 64px);
    padding-bottom: 3rem;
}

.dashboard-container .dashboard-main .segment-wizard {
    padding-bottom: 10rem;
}

.dashboard-body.alt .btn {
    border: .0625rem solid transparent;
    display: inline-block;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.6;
    padding: .75rem 1.5rem;
    text-align: center;
    text-transform: none;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.dashboard-body .btn {
    text-transform: capitalize;
}
.dashboard-body .btn.btn-hmfc {
    height: 44px;
}
.dashboard-body .btn.collapse-trigger[aria-expanded="true"] {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.dashboard-body.alt .btn-primary {
    color: #fff;
    background: #288cff linear-gradient(180deg, #489dff, #288cff) repeat-x;
    border-color: #288cff;
    box-shadow: none;
}
.dashboard-body.alt .btn-primary:hover {
    color: #fff;
    background: #0278ff linear-gradient(180deg, #288cff, #0278ff) repeat-x;
    border-color: #0071f4;
}

.dashboard-body.alt .btn-outline-primary {
    color: #288cff;
    background-color: transparent;
    background-image: none;
    border-color: #288cff;
    box-shadow: none;
}
.dashboard-body.alt .btn-outline-primary:hover {
    color: #fff;
    background-color: #288cff;
    border-color: #288cff;
}
.dashboard-body.alt .btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
    box-shadow: none;
}
.dashboard-body.alt .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.dashboard-body.alt .btn-outline-silver {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #C0C0C0;
    box-shadow: none;
}
.dashboard-body.alt .btn-outline-silver:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #C0C0C0;
}
.dashboard-body.alt .btn-outline-soft-blue {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #C0C0C0;
    box-shadow: none;
}
.dashboard-body.alt .btn-outline-soft-blue:hover {
    color: #fff;
    background-color: #727cf5;
    border-color: #727cf5;
}
.dashboard-body.alt .btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
    box-shadow: none;
}
.dashboard-body.alt .btn-outline-danger:hover {
    color: #fff;
    background: #d9002b linear-gradient(180deg, #df264b, #d9002b) repeat-x;
    border-color: #cc0029;
}
.dashboard-body .btn.btn-sm.alt,
.dashboard-body.alt .btn.btn-sm {
    padding: .55rem 1rem;
    font-size: .765625rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.dashboard-body.alt #visitor-detail-view-actions-container .btn.btn-sm,
.dashboard-body.alt #account-detail-view-actions-container .btn.btn-sm {
    padding: 0.35rem .75rem;
}

.dashboard-body.alt .btn-group>.btn-group:not(:last-child)>.btn,
.dashboard-body.alt .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dashboard-body.alt .btn-group>.btn-group:not(:first-child)>.btn,
.dashboard-body.alt .btn-group>.btn:not(:first-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dashboard-body.alt .btn-group>.btn+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.dashboard-body.alt .btn-group>.btn+.btn:focus,
.dashboard-body.alt .btn-group>.btn+.btn:hover {
    box-shadow: none;
}
.dashboard-body.alt .btn-group>.btn+.btn:after {
    font-family: "FontAwesome";
    content: "\f0d7";
    border: none;
    display: inline-block;
    width: unset;
    height: unset;
    vertical-align: middle;
    font-size: .765625rem;
    line-height: 1.5;
}
.dashboard-body.alt .btn-group>.btn+.btn.caret-down:after {
    content: "\f0d7";
}
.dashboard-body.alt .btn-group>.btn+.btn.plus:after {
    content: "\f067";
}
.dashboard-body.alt .modal {
    padding-left: 64px !important;
}

h1>sup,
h1>sub,
h1>small,
h2>sup,
h2>sub,
h2>small,
h3>sup,
h3>sub,
h3>small,
h4>sup,
h4>sub,
h4>small,
h5>sup,
h5>sub,
h5>small,
h6>sup,
h6>sub,
h6>small {
    font-size: 50%!important;
}

a {
    text-decoration: none !important;
    outline: none !important;
}

a.remove-link-styling {
    color: inherit;
    text-decoration: none !important;
    outline: none !important;
}

.no-focus-outline:focus {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.font-reset {
    font-size: 1rem !important;
}

/*======================
        LANDING PAGES
========================*/

body.landing-body {
    font-size: 18px;
    line-height: 1.75;
    color: #454545;
}
body.landing-body.v2 {
    line-height: 1.7;
}
body.landing-body.v2 p {
    letter-spacing: .25px;
}
body.landing-body.v2 h1,
body.landing-body.v2 h2,
body.landing-body.v2 h3,
body.landing-body.v2 h4,
body.landing-body.v2 h5,
body.landing-body.v2 h6 {
    line-height: 1.2 !important;
}
body.landing-body p {
    max-width: none;
    margin: .5rem 0;
}
body.landing-body section.section h1,
body.landing-body section.section .h1,
body.landing-body section.section h2,
body.landing-body section.section .h2,
body.landing-body section.section h3,
body.landing-body section.section .h3,
body.landing-body section.section h4,
body.landing-body section.section .h4,
body.landing-body section.section h5,
body.landing-body section.section .h5,
body.landing-body section.section h6,
body.landing-body section.section .h6,
body.landing-body section.section strong {
    margin: .65rem 0;
    color: #252525;
    line-height: 1.7
}
body.landing-body section.section h1,
body.landing-body section.section .h1,
body.landing-body section.section h2,
body.landing-body section.section .h2,
body.landing-body section.section h3,
body.landing-body section.section .h3 {
    line-height: 1.2;
}

section.section.footer-section {
    background-color: #444F60;
    color: #ffffff;
}

body.landing-body section.section {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
body.landing-body.abstract-landing .belp-header,
body.landing-body.abstract-landing .bg-blob-indigo5,
body.landing-body.v2 .belp-header.bg-gradient-belp,
body.landing-body .header-three-fourth {
    padding-top: 2rem !important;
}

body.landing-body.abstract-landing section.section.alp-section.alp-section-lg {
    padding: 0 !important;
}

body.index-body.index-landing section.featured-clients-block,
body.index-body.index-landing section.testimonial-block,
body.about-body.about-landing section.testimonial-block,
body.about-body.about-landing section.bg-home,
body.index-body.index-landing section.feature-block,
body.index-body.index-landing section.usecases-block,
body.index-body.index-landing section.integrations-block,
body.index-body.index-landing section.customer-stories-block,
body.index-body.index-landing section.schedule-demo-block,
body.about-body.about-landing section.schedule-demo-block,
body.landing-body.abstract-landing section.section.lp-section,
body.landing-body.abstract-landing section.section.alp-section .alp-section-content-container,
body.landing-body.abstract-landing section.section.alp-section .alp-section-image-container {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}
body.about-body.about-landing section.social-links-block {
    padding-top: 6rem !important;
    padding-bottom: 4rem !important;
}
body.about-body.about-landing section.bg-home .story-block-title,
body.about-body.about-landing section.story-block .story-block-title {
    font-size: 4rem;
    border: 1px solid #dee2e6;
    padding-top: 1rem;
    padding-right: 1.5rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    font-weight: 700;
}
body.index-body.index-landing.fs-16 {
    font-size: 16px;
}
body.index-body.index-landing.salespanel-thrift-landing .story-block p,
body.index-body.index-landing.salespanel-thrift-landing table,
body.index-body.index-landing.leadfeeder-alternative-landing .story-block p,
body.index-body.index-landing.leadfeeder-alternative-landing ul li,
body.index-body.index-landing.leadfeeder-alternative-landing table,
body.index-body.index-landing.account-reveal-landing .story-block p,
body.index-body.index-landing.account-reveal-landing ul li,
body.index-body.index-landing.account-reveal-landing table {
    font-size: 16px;
}

body.index-body.index-landing section.story-block,
body.about-body.about-landing section.story-block {
    padding: 4rem !important;
}
body.index-body.index-landing section.help-center-block .col-lg-6+.col-lg-6 {
    padding: 6rem;
}
body.landing-body.abstract-landing section.section.lp-section.lp-section-lg,
body.landing-body.abstract-landing section.section.alp-section.alp-section-lg .alp-section-content-container {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
}

body.landing-body section.section.lp-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
body.landing-body section.section.lp-section::before {
    content: '';
    display: block;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40%;
    height: 1px;
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0, rgba(255,255,255,0) 75%);
}
body.landing-body section.section.lp-section.no-divider::before {
    background: transparent !important;
}

body.landing-body section.section.lp-section-lg {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

body.landing-body section.section .section-header {
    position: relative;
    padding-bottom: 1.3rem;
}
body.landing-body section.section .section-header::before {
    display: block;
    content: "";
    height: 2px;
    width: 140px;
    background-color: #6c63ff;
    position: absolute;
    left: 0;
    bottom: 0;
}

body.landing-body.abstract-landing section.section .container:not(.container-wide),
body.landing-body.v2 section.section .container:not(.container-wide) {
    max-width: 56rem;
}

body.index-body.index-landing section.story-block img:not(.no-size-constraints),
body.index-body.index-landing section.feature-block img,
body.index-body.index-landing section.usecases-block img {
    max-width: 450px;
    max-height: 450px;
}

.image-shadow, .image-shadow:hover {
    box-shadow: 0 12px 15px rgba(0,0,0,0.1), 0 17px 50px rgba(0,0,0,0.1);
}
.strong {
 font-weight: 700;
}

/*======================
        HELPER
========================*/

.section {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    background-color: #fff;
}

.bg-overlay {
    position: absolute;
    /*background-color: rgba(2, 208, 207, 1);
    background-color: rgba(60, 84, 153, 1);
    background: url("../images/dot-pattern-lighter.png");*/
    background-image: -webkit-linear-gradient(124deg, #5c54ff, #4841db);
    background-image: -o-linear-gradient(124deg, #5c54ff, #4841db);
    background-image: linear-gradient(124deg, #5c54ff, #4841db);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.bg-index-hero {
    background-color: #ffffff;
    background-image: url('../images/hero-background-concept.svg');
    background-position: center top !important;
}
.bg-lead-forensics {
    background-color: #F56565;
}
.bg-albacross {
    background-color: #7F9CF5;
}
.bg-visitor-queue {
    background-color: #E53E3E;
}
.bg-calendly {
    background-color: #006bff;
}
.bg-zoho-salesiq {
    background-color: #FEEBC8;
}
.bg-lead-forensics .start-free-trial-container input.form-control,
.bg-albacross .start-free-trial-container input.form-control,
.bg-visitor-queue .start-free-trial-container input.form-control,
.bg-zoho-salesiq .start-free-trial-container input.form-control {
    border-color: #ffffff !important;
}
.bg-skewed {
    padding: 350px 0 150px;
    margin-top: -150px;
    margin-bottom: 130px;
    transform: skew(0deg, -10deg);
}
.bg-skewed .unskew-container {
    transform: skew(0deg, 10deg);
}
.bg-skewed.inversed {
    transform: skew(0deg, 10deg);
}
.bg-skewed.inversed .unskew-container {
    transform: skew(0deg, -10deg);
}

.bg-16-9 {
    width: 100%;
    min-height: 100vh;
}
.bg-16-9.blob-scene-01,
.bg-16-9.blob-scene-02,
.bg-16-9.blob-scene-03,
.bg-16-9.blob-scene-04,
.bg-16-9.blob-scene-05,
.bg-16-9.blob-scene-06,
.bg-16-9.blob-scene-07,
.bg-16-9.blob-scene-08,
.bg-16-9.blob-scene-09,
.bg-16-9.blob-scene-ga4,
.bg-16-9.oribi-bg,
.bg-16-9.woopra-bg,
.bg-16-9.kissmetrics-bg,
.bg-16-9.blob-wave-01,
.bg-16-9.blob-wave-02,
.bg-16-9.account-reveal-hero-bg,
.bg-16-9.salesforce-data-cloud-cdp-alternative-bg,
#pricing-basic-ar-primary-panel {
    background-size: cover;
    background-position: center center;
}
.bg-16-9.blob-scene-01 {
    background-image: url('../images/banners/blob-scene-01.svg');
}
.bg-16-9.blob-scene-02 {
    background-image: url('../images/banners/blob-scene-02.svg');
}
.bg-16-9.blob-scene-03 {
    background-image: url('../images/banners/blob-scene-03.svg');
}
.bg-16-9.blob-scene-04 {
    background-image: url('../images/banners/blob-scene-04.svg');
}
.bg-16-9.blob-scene-05 {
    background-image: url('../images/banners/blob-scene-05.svg');
}
.bg-16-9.blob-scene-06 {
    background-image: url('../images/banners/blob-scene-06.svg');
}
.bg-16-9.blob-scene-07 {
    background-image: url('../images/banners/blob-scene-07.svg');
}
.bg-16-9.blob-scene-08 {
    background-image: url('../images/banners/blob-scene-08.svg');
}
.bg-16-9.blob-scene-09 {
    background-image: url('../images/banners/blob-scene-09.svg');
}
.bg-16-9.blob-scene-ga4 {
    background-image: url('../images/banners/blob-scene-ga4.svg');
}
.bg-16-9.oribi-bg {
    background-image: url('../images/banners/oribi-bg.svg');
}
.bg-16-9.woopra-bg {
    background-image: url('../images/banners/woopra-bg.svg');
}
.bg-16-9.kissmetrics-bg {
    background-image: url('../images/banners/kissmetrics-bg.svg');
}
.bg-16-9.blob-wave-01 {
    background-image: url('../images/banners/blob-wave-01.svg');
}
.bg-16-9.blob-wave-02 {
    background-image: url('../images/banners/blob-wave-02.svg');
}
.bg-16-9.account-reveal-hero-bg,
#pricing-basic-ar-primary-panel {
    background: rgb(102,0,255);
    background: -moz-linear-gradient(196deg, rgba(102,0,255,1) 0%, rgba(69,5,184,1) 6%, rgba(53,8,149,1) 18%, rgba(0,17,34,1) 36%, rgba(0,17,34,1) 100%);
    background: -webkit-linear-gradient(196deg, rgba(102,0,255,1) 0%, rgba(69,5,184,1) 6%, rgba(53,8,149,1) 18%, rgba(0,17,34,1) 36%, rgba(0,17,34,1) 100%);
    background: linear-gradient(196deg, rgba(102,0,255,1) 0%, rgba(69,5,184,1) 6%, rgba(53,8,149,1) 18%, rgba(0,17,34,1) 36%, rgba(0,17,34,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6600ff",endColorstr="#001122",GradientType=1);
}
.bg-16-9.salesforce-data-cloud-cdp-alternative-bg {
    background-image: url('../images/banners/salesforce-data-cloud-cdp-alternative-bg.svg');
}

.ip-intelligence-landing .feature-mapping-block,
.ip-intelligence-landing .footer-cta-block-bg,
.leadfeeder-alternative-landing .feature-mapping-block,
.leadfeeder-alternative-landing .footer-cta-block-bg,
.deep-tracking-landing .feature-mapping-block,
.deep-tracking-landing .footer-cta-block-bg {
    position: relative;
    background-color: #715DF2;
}
.leadfeeder-alternative-landing .feature-mapping-block .card,
.account-reveal-landing .feature-mapping-block .card {
    transition: transform .15s cubic-bezier(.4,0,.2,1);
}
.leadfeeder-alternative-landing .feature-mapping-block .card:hover,
.account-reveal-landing .feature-mapping-block .card:hover {
    transform: scale(1.025,1.025) rotate(-1deg);
}
.leadfeeder-alternative-landing .feature-mapping-block,
.account-reveal-landing .feature-mapping-block {
    position: relative;
    background: #8E2DE2;
    background: -webkit-linear-gradient(to bottom, #4A00E0, #8E2DE2);
    background: linear-gradient(to bottom, #4A00E0, #8E2DE2);
}

.bg-intercom .start-free-trial-container input.form-control,
.bg-drift .start-free-trial-container input.form-control {
    border-color: #252525 !important;
}
.bg-skewed {
    padding: 350px 0 150px;
    margin-top: -150px;
    margin-bottom: 130px;
    transform: skew(0deg, -10deg);
}
.bg-skewed .unskew-container {
    transform: skew(0deg, 10deg);
}
.bg-skewed.inversed {
    transform: skew(0deg, 10deg);
}
.bg-skewed.inversed .unskew-container {
    transform: skew(0deg, -10deg);
}
.bg-skewed.bg-intercom,
.bg-skewed.bg-drift {
    margin-top: -230px;
}
.bg-intercom {
    background-color: #6afdef;
}
.bg-drift {
    background-color: #8ED8F8;
}

.bg-blob-indigo5 {
    background-color: #ffffff;
    background-image: url('../images/bg-blob-indigo5.svg');
    background-position: center top !important;
}

.bg-signup {
    background-color: #ffffff;
    background-image: url('../images/bg-signup.svg');
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100vw 100vh;
}

.bg-hero-footer {
    background-image: url('../images/footer-swirls.svg');
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
}

.bg-overlay-gradient {
    background: #396afc;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2948ff, #396afc);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2948ff, #396afc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.4;
}
.bg-gradient-small-business {
    background-color: #63a4ff;
    background-image: linear-gradient(315deg, #63a4ff 0%, #83eaf1 74%)!important;
}
.bg-gradient-instagram-story {
    background-color: #1fd1f9;
    background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);
}
.badge-gradient-renewable-energy {
    color: #ffffff;
    background-color: #9DC5D0;
    background-image: linear-gradient(315deg, #9DC5D0 0%, #89B6C1 74%);
}
.bg-gradient-proactive-shower {
    background-color: #b1bfd8;
    background-image: -webkit-linear-gradient(bottom right, #b1bfd8 0%, #6782b4 74%);
    background-image: -o-linear-gradient(bottom right, #b1bfd8 0%, #6782b4 74%);
    background-image: linear-gradient(to top left, #b1bfd8 0%, #6782b4 74%);
}
.bg-gradient-relative-of-genghis-khan {
    background-color: #637081;
    background-image: -webkit-linear-gradient(bottom right, #637081 0%, #7c98b3 74%);
    background-image: -o-linear-gradient(bottom right, #637081 0%, #7c98b3 74%);
    background-image: linear-gradient(to top left, #637081 0%, #7c98b3 74%);
}
.bg-gradient-warm-sunrise {
    background-color: #ef5734;
    background-image: linear-gradient(90deg, #ef5734 0%, #ffcc2f 100%);
}

.badge.v2 {
    font-size: 100%;
    font-weight: normal;
}
.badge.entity-type-indicator {
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: 0;
}
.badge.entity-type-indicator.for-leads {
    color: #dbeafe;
    background-color: #2563eb;
}
.badge.entity-type-indicator.for-accounts {
    color: #ccfbf1;
    background-color: #0d9488;
}
.badge.entity-type-indicator.for-visiting-companies {
    color: #ffedd5;
    background-color: #ea580c;
}

.badge-ghost {
    color: #d6dadb;
    border-color: #d6dadb;
}
.badge-danger {
    background-color: #ff5a51 !important;
    border-color: #ff5a51 !important;
}
.border-danger {
    border-color: #ff5a51 !important;
}
.badge-thin {
    font-weight: 500;
    letter-spacing: .025rem;
}
.badge-beta {
    color: #276749;
    background-color: #9AE6B4;
}
.badge-publicly-traded {
    color: #ffffff;
    background-color: #f472b6;
}
.badge-vc-funded {
    color: #ffffff;
    background-color: #22d3ee;
}
.tags-container .select2-container--default .select2-selection--multiple .select2-selection__choice,
.sp-tags.tags-container .tag-primary,
.sp-account-lists.tags-container .tag-primary,
.badge-primary.v2 {
    color: #2C5282;
    background-color: #BEE3F8;
}
.badge-success.v2 {
    color: #276749;
    background-color: #C6F6D5;
}
.badge-success.v3 {
    color: #008236;
    background-color: #f0fdf4;
    border: 1px solid #05df72;
    box-shadow: inset 0 .0rem .125rem #7bf1a8;
}
.badge-success.v3:hover {
    color: #f0fdf4;
    background-color: #008236;
    border: 1px solid #008236;
    box-shadow: inset 0 .0rem .125rem #05df72;
}
.badge-danger.v2 {
    color: #9B2C2C;
    background-color: #FEB2B2 !important;
}
.badge-muted.v2 {
    color: #2D3748;
    background-color: #EDF2F7 !important;
}
.badge.badge-event-trends {
    border: 1px solid #c10007;
    color: #c10007;
    background-color: #ffe2e2;

}
.badge.badge-visitor-insights {
    border: 1px solid #8200db;
    color: #8200db;
    background-color: #f3e8ff;
}

.btn-primary.v2 {
    color: #2C5282 !important;
    background: #BEE3F8 !important;
}
.btn-outline-primary.v2 {
    color: #2C5282 !important;
    background: #ffffff !important;
}
.btn-outline-primary.v2:hover,
.btn-outline-primary.v2:active,
.btn-outline-primary.v2:focus {
    background: #BEE3F8 !important;
}
.btn-danger.v2 {
    color: #DC2626 !important;
    background: #FCA5A5 !important;
}
.btn-outline-danger.v2 {
    color: #DC2626 !important;
    background: #ffffff !important;
}
.btn-outline-danger.v2:hover,
.btn-outline-danger.v2:active,
.btn-outline-danger.v2:focus {
    background: #FCA5A5 !important;
}


.bg-none {
    background: transparent !important;
}

.bg-light-blue,
.badge-light-blue,
.bg-hover-light-blue:hover {
    background: #f2f7fa!important;
    border-color: #f2f7fa!important;
}
.text-dark-grayish-blue {
    color: #7a8da0 !important;
}
.bg-dark-grayish-blue,
.badge-dark-grayish-blue {
    background: #7a8da0 !important;
    border-color: #7a8da0 !important;
}
.badge-dark-grayish-blue {
    background: #7a8da0 !important;
    border-color: #7a8da0 !important;
    color: #eeffff !important;
}
.text-light-grayish-blue {
    color: #e1e5ea !important;
}
.bg-light-grayish-blue,
.badge-light-grayish-blue {
    background: #e1e5ea !important;
    border-color: #e1e5ea !important;
}
.badge-strong-magenta {
    background: #c026d3 !important;
    border-color: #c026d3 !important;
    color: #ffffff !important;
}
.badge-soft-violet {
    background: #c084fc !important;
    border-color: #c084fc !important;
    color: #ffffff !important;
}
.badge-bright-violet {
    background: #7c3aed !important;
    border-color: #7c3aed !important;
    color: #ffffff !important;
}
.border-light-grayish-blue {
    border-color: #e1e5ea !important;
}
.bg-lava {
    background: #ff4a00;
    color: #ffffff;
}
.bg-indigo {
    background-color: #EEF2FF;
}
.bg-indigo5 {
    background-color: #5c7cfa!important;
}
.bg-event-trends {
    background-color: #ffe2e2;
}
.bg-visitor-insights {
    background-color: #f3e8ff;
}
.border-indigo5 {
    border-color: #5c7cfa!important;
}

.text-indigo5 {
    color: #5c7cfa!important;
}

.badge-indigo5 {
    color: #ffffff; /**/
    background: #5c7cfa!important;
}
.badge-purple5 {
    color: #ffffff;
    background: #9F7AEA!important;
}
.badge-pink {
    color: #c6005c;
    background: #fdf2f8!important;
}
.badge-pink-bordered {
    background: #fdf2f8!important;
    border: 1px solid #c6005c;
    color: #c6005c;
}
.badge-gray {
    color: #4a5565;
    background: #f3f4f6!important;
}
.badge-gray-bordered {
    background: #f3f4f6!important;
    border: 1px solid #4a5565;
    color: #4a5565;
}

.text-indigo6 {
    color: #5A67D8!important;
}
.text-slate-100 {
    color: #f1f5f9;
}

.bg-dotted-pattern-grey {
    background-repeat: repeat-y;
    background-size: 15% auto;
    background-image: url('../images/illustrations/bg-dotted-pattern-grey.svg');
}

.badge-active-filters-container .badge-active-filters {
    font-size: .93rem;
    padding: .3125rem 1rem;
    border-radius: 4px;
    background: #E0E7FF!important;
}
.badge-active-filters-container .badge-active-filters.active {
    font-weight: 800;
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.05);
}
.badge-active-filters-container .badge-active-filters:hover {
    background: #C7D2FE!important;
}
.badge-active-filters-container .badge-active-filters-form-action {
    font-size: .93rem !important;
    padding-top: .3125rem !important;
    padding-bottom: .3125rem !important;
    font-weight: 400 !important;
}
.badge-active-filters-container .badge-active-filters.reset-filters-btn {
    background: transparent !important;
}
.badge-active-filters-container.feeds-filter-by-trigger-container .badge-active-filters {
    margin-bottom: .5rem;
}

#contact-filter-criteria-container,
#tracked-websites-filter-container,
#assigned-to-filter-container,
.badge-active-filters-container,
.badge-active-filters-container .badge-active-filters.active-filters-list-item {
    position: relative;
}
#contact-filter-criteria-container .contact-filter-criteria-blocking-overlay,
#date-range-filter-container .date-range-filter-blocking-overlay,
#tracked-websites-filter-container .tracked-websites-filter-blocking-overlay,
#assigned-to-filter-container .assigned-to-filter-blocking-overlay,
.badge-active-filters-container .badge-active-filters.active-filters-list-item .active-filter-loading-overlay,
.badge-active-filters-container .badge-active-filters.active-filters-list-item .active-filter-blocking-overlay,
#group-by-dropdown-container .active-filter-blocking-overlay,
.badge-active-filters-container .quick-filters-summary-core-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    cursor: not-allowed;
}
.badge-active-filters-container .badge-active-filters.active-filters-list-item .active-filter-loading-overlay {
    background: rgba(185,201,255, 0.85);
}
.badge-active-filters-container .quick-filters-summary-core-overlay {
    display: none!important;
    opacity: 0;
    background: rgba(255,255,255, 1);
    transition: opacity 0.4s;
}
.badge-active-filters-container .quick-filters-summary-core-overlay.active {
    display: flex!important;
    opacity: 1;
}

#contact-filter-criteria-container .dropdown-menu.show,
#date-range-filter-container .dropdown-menu.show,
.feeds-filter-by-additional-trigger-container.dropdown-menu.show,
.badge-active-filters-container .dropdown-menu.show {
    z-index: 1035;
}

.bg-grayish-blue {
    background-color: #e0e3ed!important;
}
.border-grayish-blue {
    border-color: #e0e3ed!important;
}
.text-grayish-blue {
    color: #e0e3ed!important;
}
.badge-grayish-blue {
    color: #6c757d; /**/
    background: #e0e3ed!important;
}
.btn-grayish-blue {
    color: #6c757d;
    background-color: #e0e3ed;
    background-image: none;
    border-color: #e0e3ed;
}
.btn-grayish-blue:hover,
.btn-grayish-blue:focus {
    background-color: #d4d8e6;
    color: #6c757d;
}

.badge-outline-indigo5 {
    background-color: #ffffff !important;
    border-color: #5c7cfa!important;
    border-width: 1px;
    border-style: solid;
    color: #5c7cfa!important;
    font-weight: 400 !important;
    letter-spacing: .02rem;
}

.btn-indigo5 {
    color: #f8f9fa!important;
    background-color: #5c7cfa!important;
}
.btn-outline-indigo5:hover,
.btn-indigo5:hover {
    color: #f8f9fa !important;
    background: #4c6ef5!important;
}
.btn-outline-indigo5 {
    color: #5c7cfa!important;
    background-color: transparent!important;
    border-color: #5c7cfa!important;
}
.btn-outline-indigo5:hover {
    color: #f8f9fa !important;
    background: #4c6ef5!important;
}
.btn-outline-dark {
    color: #343a40!important;
    background-color: #fff!important;
    border-color: #343a40!important;
}
.btn-outline-dark:hover {
    color: #f8f9fa !important;
    background: #23272b!important;
}
.btn-outline-dark-gray {
    color: #495057 !important;
    background-color: transparent!important;
    border-color: #ced4da !important;
}
.btn-info-grey {
    color: #2D3748!important;
    background-color: #E2E8F0!important;
    border-color: #E2E8F0;
}
.btn-info-grey:hover {
    background: #CBD5E1!important;
}

.btn-footer-schedule-demo,
.btn-footer-schedule-demo:active,
.btn-footer-schedule-demo:not(:disabled):not(.disabled).active,
.btn-footer-schedule-demo:not(:disabled):not(.disabled):active {
    background: linear-gradient(315deg, rgb(132, 197, 30) 0%, rgb(13, 130, 223) 42%);
    color: rgba(255, 255, 255, 1);
    border: 0;
}
.btn-footer-schedule-demo:hover,
.btn-footer-schedule-demo:focus,
.btn-footer-schedule-demo:active,
.btn-footer-schedule-demo:not(:disabled):not(.disabled).active,
.btn-footer-schedule-demo:not(:disabled):not(.disabled):active {
    color: rgba(255, 255, 255, .75);
}


.badge-soft-blue {
    color: #565656;
    background: #5bc4f2;
}
.badge-white {
    color: #212529;
    background: #ffffff;
}

.bg-mostly-pure-blue {
    background-color: #0064ff!important;
}
.border-mostly-pure-blue {
    border-color: #0064ff!important;
}
.text-mostly-pure-blue {
    color: #0064ff!important;
}

.border-silver {
    border-color: #C0C0C0!important;
}

.border-light-blue {
    border-color: #f2f7fa!important;
}

.border-transparent {
    border-color: transparent!important;
}

.border-bottom-default {
    border-bottom: 1px solid #dee2e6!important;
}

.title h2 {
    margin-top: 10px;
}

span.title-border:before {
    left: 100%;
}

span.title-border:after {
    right: 100%;
}

span.title-border:before {
    content: "";
    background: #dadada;
    width: 45px;
    height: 1px;
    top: 9px;
    position: absolute;
}

span.title-border:after {
    content: "";
    background: #dadada;
    width: 45px;
    height: 1px;
    top: 9px;
    position: absolute;
}

span.title-border {
    padding: 0 8px;
    font-size: 18px;
    line-height: 18px;
    position: relative;
    display: inline-block;
}

.btn.btn-rounded {
    border-radius: 30px!important;
}

.btn-custom {
    font-size: 15px;
    transition: all 0.4s;
    color: #fff !important;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.btn-custom.focus,
.btn-custom:active,
.btn-custom:focus,
.btn-custom:hover,
.open > .dropdown-toggle.btn-custom {
    box-shadow: none !important;
}

.btn-outline-custom {
    background-color: transparent;
    border: 1px solid #ffffff !important;
    transition: all 0.4s;
    color: #ffffff !important;
}

.btn-outline-custom:hover,
.btn-outline-custom:focus,
.btn-outline-custom:active,
.btn-outline-custom.active,
.btn-outline-custom.focus,
.btn-outline-custom:active,
.btn-outline-custom:focus,
.btn-outline-custom:hover,
.open > .dropdown-toggle.btn-outline-custom {
    background-color: #37b8df !important;
    border: 1px solid #37b8df !important;
    box-shadow: none !important;
    color: #fff !important;
}

.btn {
    padding: 12px 25px;
    font-size: .93rem;
    letter-spacing: 0.03px;
    font-weight: 600;
    text-transform: capitalize;
}

.text-title-case {
    text-transform: capitalize !important;
}
.text-sentence-case {
    text-transform: lowercase !important;
}
.text-sentence-case::first-letter {
    text-transform: uppercase !important;
}
.text-system-ui {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
}

.btn.btn-sm {
    padding: .25rem .5rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn.btn-word-wrap {
    white-space: normal !important;
    word-wrap: break-word;
    word-break: normal;
}

.bg-orange {
    background: #fd7e14;
}
.bg-gold {
    background: #fcc419;
}
.text-black {
    color: #000000!important;
}
.text-orange {
    color: #fd7e14;
}
.text-gold {
    color: #fcc419;
}
.bg-soft-blue {
    background-color: #ced8fe !important;
}
.bg-striped-light-gray {
    background: repeating-linear-gradient(135deg, #f9f9f9, #f9f9f9 5px, rgba(0,0,0,.1) 5px, rgba(0,0,0,.1) 10px);
}

.btn-identified-visitors {
    background: #74b9ff; /*#0984e3*/
}
.btn-identified-visitors:active,
.btn-identified-visitors:focus,
.btn-identified-visitors:hover {
    background: #0984e3;
}
.btn-anonymous-visitors {
    background: #a29bfe;
}
.btn-anonymous-visitors:active,
.btn-anonymous-visitors:focus,
.btn-anonymous-visitors:hover {
    background: #6c5ce7;
}
.btn-opportunities {
    background: #55efc4;
}
.btn-opportunities-visitors:active,
.btn-opportunities-visitors:focus,
.btn-opportunities-visitors:hover {
    background: #00b894;
}

.bootstrap-tagsinput {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    display: inline-block;
    max-width: 100%;
    padding: .375rem .75rem;
    cursor: text;
    vertical-align: middle;
    color: #ced4da;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: .25rem;
    background-color: #fff;
    min-height: 44px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.bootstrap-tagsinput input {
    -ms-flex: 1 1 auto;
    background-color: transparent;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border: none;
    box-shadow: none;
    font-size: .765625rem;
    font-weight: 300;
    margin: 0;
    max-width: inherit;
    outline: 0;
    padding: 0;
    position: relative;
    width: auto;
}
.bootstrap-tagsinput .label,
.segment-rule .bootstrap-tagsinput span.tag,
.segment-field-for-visited-page .bootstrap-tagsinput span.tag,
#sp_global_search_results .recent-search-term {
    font-size: 83%;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    padding: .25rem .625rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: .25rem;
    padding: .435rem .625rem;
    color: #495057;
    border-radius: .25rem;
    background: #fff;
    box-shadow: 0 1px 2px rgba(68,68,68,.25);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 1.375rem !important;
}
.tags-popper .bootstrap-tagsinput span.tag {
    position: relative;
    padding-right: 1.375rem !important;
}
.bootstrap-tagsinput [data-role=remove],
.segment-rule .bootstrap-tagsinput span.tag>span[data-role="remove"],
.segment-field-for-visited-page .bootstrap-tagsinput span.tag>span[data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
    color: #ced4da;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-6px, -6px);
}
.bootstrap-tagsinput-form.tags-with-ellipsis .bootstrap-tagsinput {
    padding: 0 .5rem .5rem 0;
}

.bootstrap-tagsinput-form.tags-with-ellipsis .bootstrap-tagsinput span.tag {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 1.375rem !important;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.basic-filters.form .bootstrap-tagsinput .tag [data-role=remove] {
    color: #ffffff;
}
.tags-popper .bootstrap-tagsinput span.tag>span[data-role="remove"] {
    line-height: 1;
}
.form .form-group.bti-for-visited-page .bootstrap-tagsinput {
    border-radius: .125rem .125rem 0 0;
    border-bottom-width: 0;
}
.form .form-group.bti-for-visited-page .bootstrap-tagsinput .twitter-typeahead {
    width: 100%;
}
.form .form-group.bti-for-visited-page .bootstrap-tagsinput .twitter-typeahead input.tt-input {
    font-size: .75rem;
    font-weight: 400;
}
.form .form-group.bti-for-visited-page select.form-control {
    border-radius: 0 0 .125rem .125rem !important;
    margin-left: 0;
}

#sp_global_search_results .recent-search-term {
    margin-top: .35rem;
    margin-left: .35rem;
    max-width:  10rem;
    padding-right: .625rem !important;
}

.visitor-tags-tagsinput-form .bootstrap-tagsinput [data-role=remove] {
    color: currentColor;
}
.bootstrap-tagsinput [data-role=remove]:after {
    padding: 0 2px;
    content: 'x';
}
.twitter-typeahead,
.tt-hint,
.tt-input,
.tt-menu {
    min-width: 60px;
}
.twitter-typeahead,
.tt-input {
    height: 30px;
    font-size: .765625rem;
    line-height: 1.7;
}
.tt-suggestion:hover,
.tt-suggestion:focus,
.tt-cursor,
.tt-suggestion.tt-cursor {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.vertical-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
    -webkit-flex-direction: row;
}

.fs.fs-bigger {
    font-size: 1.3rem;
}
.fsx2 {
    font-size: 2rem;
}
.fsx3 {
    font-size: 3rem;
}
.fsx4 {
    font-size: 4rem;
}
.fsx5 {
    font-size: 5rem;
}
.fsx6 {
    font-size: 6rem;
}

.fw-3 {
    font-weight: 300!important;
}
.fw-4 {
    font-weight: 400!important;
}
.fw-6 {
    font-weight: 600!important;
}
.fw-7 {
    font-weight: 700!important;
}
.fw-8 {
    font-weight: 800!important;
}
.fw-9 {
    font-weight: 900!important;
}

.shadow-inset {
    box-shadow: inset 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.shadow-sm-inset {
    box-shadow: inset 0 0rem 1rem rgba(0,0,0,0.05)!important;
}
.shadow-sm-alt {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.shadow-md {
    box-shadow: 0 0rem 1rem rgba(0,0,0,0.15)!important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.125)!important;
}
.shadow-top {
    box-shadow: 0 -0.1rem 1rem rgba(0,0,0,0.15)!important
}
.shadow-sm-inverse {
    box-shadow: 0 0 .5rem .5rem rgba(0,0,0,.075)!important;
}
.shadow-sm-rightwards {
    box-shadow: -.125rem .125rem .25rem rgba(0,0,0,.075)!important;
}

.lead-text {
    background-color: #fff;
    color: #6c7686;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.7;
    overflow-x: hidden;
}
li.lead-text {
    overflow-x: visible;
}

.basic-filters.form .input-group .form-control {
    border-radius: .125rem;
    height: 36px;
}
.basic-filters.form .input-group .twitter-typeahead,
.basic-filters.form .input-group .tt-input {
    height: 20px;
    font-size: .665625rem;
    line-height: 20px;
}
.basic-filters.form .input-group .twitter-typeahead,
.basic-filters.form .input-group .tt-input,
.feed-filters.bootstrap-tagsinput-form .bootstrap-tagsinput .twitter-typeahead {
    width: 100%;
}
.basic-filters.form .bootstrap-tagsinput {
    min-height: 20px;
    padding: .375rem .75rem;
    border-radius: .125rem;
    width: 100%;
}
.basic-filters.form .bootstrap-tagsinput input {
    min-width: 43%;
    width: 100%;
}
.basic-filters.form .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.basic-filters.form .select2-container--default .select2-selection--multiple {
    padding: .375rem .75rem;
    height: unset;
    min-height: 36px;
}

.basic-filters.form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.basic-filters.form .bootstrap-tagsinput .label {
    font-size: 80%;
    font-weight: 600;
    line-height: .9;
    letter-spacing: .3px;
    padding: .435rem .625rem;
    background: #5c7cfa;
    color: #fff;
    margin-bottom: unset;
    margin-left: unset;
}
.basic-filters.form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 75%;
    margin-top: 6px;
    margin-right: 6px;
}
.basic-filters.form .bootstrap-tagsinput .label {
    margin-right: 2px;
}

.basic-filters.form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin: -3px 0 3px;
}
.basic-filters.form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff;
    margin-right: unset;
}
.form.feed-filters .form-group .form-control {
    height: 44px;
}
.basic-filters .input-group .input-group-text,
.feed-filters .input-group .input-group-text {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #ffffff;
    font-size: .765625rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    line-height: 1;
}
.basic-filters .input-group .input-group-prepend .input-group-text,
.feed-filters .input-group .input-group-prepend .input-group-text {
    border-right: none;
}
.basic-filters .input-group .input-group-append .input-group-text,
.feed-filters .input-group .input-group-append .input-group-text {
    border-left: none;
}
.basic-filters .input-group input.form-control,
.basic-filters .input-group select.form-control,
.feed-filters .input-group input.form-control,
.feed-filters .input-group select.form-control {
    font-weight: 600;
    font-size: .765625rem;
    height: 38px;
}
.basic-filters .input-group select.form-control,
.feed-filters .input-group select.form-control {
    -webkit-border-top-left-radius: 0!important;
    -webkit-border-bottom-left-radius: 0!important;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>")!important;
    background-position: 95% 50%!important;
    background-repeat: no-repeat!important;
}
.basic-filters .input-group .input-group-prepend+input.form-control,
.basic-filters .input-group .input-group-prepend+select.form-control,
.feed-filters .input-group .input-group-prepend+input.form-control,
.feed-filters .input-group .input-group-prepend+select.form-control {
    /*border-left: none;*/
}
.basic-filters .input-group input.form-control:not(:last-child),
.feed-filters .input-group input.form-control:not(:last-child) {
    /*border-right: none;*/
}
.basic-filters .form-group[data-key="revenue"]>.input-group {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.basic-filters .form-group[data-key="revenue"]>.input-group>input.form-control:first-child {
    margin-right: .25rem!important;
}
.basic-filters .form-group[data-key="revenue"]>.input-group>input.form-control:last-child {
    margin-left: .25rem!important;
}

.quick-profile-view-container,
.basic-filters-container {
    width: 33.33%;
    position: fixed;
    height: 100vh;
    top: 0;
    right: -43.33%;
    bottom: 0;
    z-index: 4000;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.basic-filters-container {
    width: 35%;
}
.basic-filters-container.active {
    right: 0;
}
.quick-profile-view-container {
    width: 50%;
    right: -83.33%;
}
.quick-profile-view-container.active {
    right: 0;
    overflow-y: scroll;
}
.quick-profile-view-container.active .contact-detail-actions,
.quick-profile-view-container.active #contact-info-tabs .nav-item+.nav-item {
    display: none;
}
.quick-profile-view-container.active .contact-detail.container {
    margin-left: 0;
    margin-right: 0;
    max-width: unset;
}

.basic-filters-close {
    position: absolute;
    top: 1rem;
    left: -3rem;
    width: 2rem;
    height: 2rem;
    border-color: #f8f9fa;
}

.basic-filters-close,
.quick-profile-view-trigger,
.quick-profile-view-close {
    cursor: pointer;
}
.quick-profile-view-container.active .quick-profile-view-loader {
    display: none;
    width: 80%;
    position: fixed;
    height: 100vh;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.97);
    border-radius: 0.25rem;
    z-index: 1035;
}
.quick-profile-view-container.active.loading .quick-profile-view-loader {
    display: flex!important;
}
.quick-profile-view-loader .quick-profile-view-loader-animation {
    position: absolute;
    top: 50%;
    margin-top: -100px;
}

ul.ui-autocomplete li.ui-menu-item {
    font-size: .765625rem;
    letter-spacing: 0.05rem;
    line-height: 1;
    padding: .765rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 3px;
}
ul.ui-autocomplete li.ui-menu-item:hover {
    background: rgba(0, 0, 0, .025);
}
ul.ui-autocomplete li.ui-menu-item a.ui-state-focus,
ul.ui-autocomplete li.ui-menu-item:hover a.ui-state-focus {
    border: none;
    background: unset;
    margin: 0;
}

.select2-selection__arrow {
    display: none;
}
.form.feed-filters .form-group .select2-selection.form-control {
    height: inherit;
    min-height: 44px;
}

.select2.select2-container {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
.select2-container .select2-selection--single,.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    font-size: 1rem;
    line-height: 1.7;
    display: block;
    width: 100%;
    padding: .625rem 1.1rem;
    transition: all .2s ease-in-out;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    color: #ced4da;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (prefers-reduced-motion:reduce) {
    .select2-container .select2-selection--single,.select2-container--default .select2-search--dropdown .select2-search__field,.select2-container--default .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--multiple {
        transition: none;
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 0!important;
    }
}
.select2-container .select2-selection--single::-ms-expand,
.select2-container--default .select2-search--dropdown .select2-search__field::-ms-expand,
.select2-container--default .select2-selection--multiple::-ms-expand,
.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-expand {
    border: 0;
    background-color: transparent;
}
.select2-container .select2-selection--single:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple:focus {
    color: #495057;
    border-color: rgba(81,15,168,.5);
    outline: 0;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 20px rgba(81,15,168,.1);
}
.select2-container .select2-selection--single::-ms-input-placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field::-ms-input-placeholder,
.select2-container--default .select2-selection--multiple::-ms-input-placeholder,
.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-input-placeholder {
    opacity: 1;
    color: #adb5bd;
}
.select2-container .select2-selection--single::placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder,
.select2-container--default .select2-selection--multiple::placeholder,
.select2-container--default.select2-container--focus .select2-selection--multiple::placeholder {
    opacity: 1;
    color: #adb5bd;
}
.select2-container .select2-selection--single:disabled,
.select2-container .select2-selection--single[readonly],
.select2-container--default .select2-search--dropdown .select2-search__field:disabled,
.select2-container--default .select2-search--dropdown .select2-search__field[readonly],
.select2-container--default .select2-selection--multiple:disabled,
.select2-container--default .select2-selection--multiple[readonly],
.select2-container--default.select2-container--focus .select2-selection--multiple:disabled,
.select2-container--default.select2-container--focus .select2-selection--multiple[readonly] {
    opacity: 1;
    background-color: #e9ecef;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    overflow: inherit;
    padding: 0;
    white-space: inherit;
    text-overflow: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: inherit;
    color: inherit;
}
.select2-container.select2-container--default.select2-container--open {
    z-index: 9999;
}
.select2.select2-container.select2-container--default.select2-container--focus.select2-container--above.select2-container--open .select2-selection[aria-expanded=true].select2-selection--multiple.form-control {
    border-top-right-radius: 0!important;
    border-top-left-radius: 0!important;
    border-bottom-right-radius: .125rem!important;
    border-bottom-left-radius: .125rem!important;
}
.select2.select2-container.select2-container--default.select2-container--focus.select2-container--below.select2-container--open .select2-selection[aria-expanded=true].select2-selection--multiple.form-control {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
    border-top-right-radius: .125rem!important;
    border-top-left-radius: .125rem!important;
}
.select2-selection[aria-expanded=false].select2-selection--multiple.form-control {
    border-bottom-right-radius: .125rem!important;
    border-bottom-left-radius: .125rem!important;
    border-top-right-radius: .125rem!important;
    border-top-left-radius: .125rem!important;
}
.select2-dropdown {
    padding: .35rem 0;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-color: #fff;
}
.select2-results__option {
    padding: .25rem 1.1rem;
    color: #212529;
    background-color: #fff;
}
.select2-results__option:hover {
    color: #16181b;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    color: #16181b;
    background-color: transparent;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #6c7686;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    height: auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: block;
    margin: 0 0 -.25rem -.25rem;
    padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: inline-flex;
    margin: 0 0 .25rem .25rem;
    border: none;
    font-size: 83%;
    font-weight: 700;
    line-height: 1;
    padding: .25rem .625rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: .25rem;
    padding: .435rem .625rem;
    color: #495057;
    border-radius: .25rem;
    background: #fff;
    box-shadow: 0 1px 2px rgba(68,68,68,.25);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice:focus {
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: .5rem;
    color: #6c7686;
    order: 2;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #6c7686;
}
.select2-container .select2-search--inline {
    display: none;
}
.select2-container--default.select2-container--open.select2-container--bottom .select2-selection[aria-expanded=true] {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
.select2-search--dropdown {
    padding: .25rem 1.1rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: .875rem;
    line-height: 1.5;
    height: calc(2.4125rem + .125rem);
    padding: .55rem 1rem;
    border-radius: .2rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #5897fb;
    color: white;
}

.alert-success {
    color: #fff;
    border-color: #69df7d;
    background-color: #69df7d;
}
.alert-success.v2 {
    color: #276749;
    border-color: #C6F6D5;
    background-color: #9AE6B4;
}
.alert-info {
    color: #fff;
    border-color: #47c3fb;
    background-color: #47c3fb;
}
.alert-info.v2 {
    color: #3182CE;
    border-color: #EBF8FF;
    background-color: #EBF8FF;
}
.alert-info.v2 .a {
    color: #3182CE;
}
.alert-warning {
    color: #fff;
    border-color: #ffa629;
    background-color: #ffa629;
}
.alert-danger {
    color: #fff;
    border-color: #ff5a51;
    background-color: #ff5a51;
}
.alert-danger.v2 {
    color: #9B2C2C;
    border-color: #FEB2B2;
    background-color: #FEB2B2;
}
.alert-danger.v2 a {
    color: #9B2C2C;
}

.alert-success.v2 {
    color: #276749;
    border-color: #9AE6B4;
    background-color: #9AE6B4;
}
.alert-success.v2 a {
    color: #276749;
}
.alert-warning.v2 {
    color: #975A16;
    border-color: #FAF089;
    background-color: #FAF089;
}
.alert-warning.v2 a {
    color: #975A16;
}
.alert-danger.v2 {
    color: #DC2626;
    background: #FCA5A5;
}
.alert-warning.v3 {
    color: #C05621;
    border-color: #FFFAF0;
    background-color: #FFFAF0;
}
.alert-warning.v3.border-top,
.alert-warning.v3.border-left,
.alert-warning.v3.border-bottom,
.alert-warning.v3.border-right {
    border-color: #ED8936 !important;
}
.alert-warning.v3 a {
    color: #C05621;
}
.alert-info-grey.v2 {
    color: #2D3748;
    border-color: #E2E8F0;
    background-color: #E2E8F0;
}
.alert-new-reports-engine {
    color: #2D3748;
    border-color: #A0AEC0;
    background-color: #F9FCFC;

}
.alert-new-reports-engine a {
    color: #1A202C;

}

.social-profile-icon {
    display: inline-block;
    height: 32px;
}
.social-profile-icon:hover {
    opacity: 0.8
}

.text-lowercase {
    text-transform: lowercase !important;
}

.featured-client-logos {
    opacity: .6;
}
.featured-client-logo-container {
    height: 54px;
}
.customers-landing .customer-logos-container .customer-logo {
    max-height: 40px;
    margin-top: 6rem;
}

.subscribe-button {
    position: relative;
}

.subscribe-button .subscribe-button-img {
    width: 3.25rem;
    transform: rotate(35deg);
    position: absolute;
    top: -1.5rem;
    right: -2rem;
}

/*==========
OVERRIDES
============*/
a.text-light:hover {
    color: #f8f9fa!important;
}

.rounded-2 {
    border-radius: .5rem !important;
}
.rounded-top-2 {
    border-top-left-radius: .5rem!important;
    border-top-right-radius: .5rem!important;
}
.rounded-bottom-2 {
    border-bottom-left-radius: .5rem!important;
    border-bottom-right-radius: .5rem!important;
}
.rounded-4 {
    border-radius: 1rem !important;
}
.rounded-8 {
    border-radius: 2rem !important;
}
.rounded-16 {
    border-radius: 4rem !important;
}
.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}
.rounded-right-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.rounded-bottom-0 {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.rounded-left-0 {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
.rounded-right-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

/*======
hero-units
=======*/

.pricing-container .card-header,
.card .card-header {
    margin-bottom: 0;
    padding: 1.25rem 1.5rem;
    border-bottom: .0625rem solid rgba(0,0,0,.08);
    background-color: transparent;
}
.pricing-container .display-2 {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1;
}
.pricing-container .display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.3;
}
.pricing-container .display-2 .price {
    font-size: 2.7rem;
    font-weight: 300;
    line-height: 1;
}
.pricing-container .display-2 .price.striked {
    text-decoration: line-through;
}
.pricing-container .display-2 span.small {
    font-size: .8rem;
}

.contact-landing table.table {
    white-space:normal;
    width: 100%
}
.contact-landing table td {
    overflow-wrap: break-word;
    max-width: 240px;
}

table.reports-table tbody tr:first-of-type {
    margin-top: .5rem;
}
table.reports-table tbody tr:last-of-type {
    margin-bottom: .5rem;
}
.add-to-quick-filter {
    position: absolute;
    display: none;
    width: 30px;
    top: 50%;
    left: -12px;
    transform: translateY(-12px);
}

.reports-table-row:hover {
    background-color: #EDF2F7;
}

.reports-table-row:hover .add-to-quick-filter,
tr:hover .add-to-quick-filter {
  display: block;
}

.avatars {
    padding-left: 0;
    list-style: none;
    margin: 0;
}
.avatars > li {
    display: inline-block;
}
.avatars > li + li {
    margin-left: -0.75rem;
}

.account-activity-preview-visitors-list .avatars > li {
    transition: all 1s;
}
.account-activity-preview-visitors-list .avatars > li:hover {
    width: 16rem;
}
.account-activity-preview-visitors-list .avatars > li + li {
    transition: all 1s;
}
.account-activity-preview-visitors-list .avatars > li:hover + li {
    margin-left: 0;
}
.account-activity-preview-visitors-list .avatars > li:not(:hover) + li {
    margin-left: -2.75rem;
}
.preview-visitor-item {
    width: 8.725rem;
    padding: 0 12px;
}
.account-activity-preview-arrow-left,
.account-activity-preview-arrow-right {
    height: 36px;
    width: 36px;
    top: 50%;
    transform: translateY(-50%);
}
.account-activity-preview-arrow-left {
    left: 22px;
}
.account-activity-preview-arrow-right {
    right: 22px;
}

small.extrasmall {
    font-size: 55%;
}

.text-ghost {
    color: #d6dadb;
}

.bg-light-hover:hover {
    background: #f8f9fa;
}

.testimonials .testimonial {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwMCA1MDAiIGhlaWdodD0iNTAwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MDAgNTAwIiB3aWR0aD0iNTAwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM2Ljk5Miw0MTYuNTY5YzAsMjAuMDc4LDE2LjI2MiwzNi4zNDQsMzYuMzQsMzYuMzQ0aDExOC4xMTEgIGMyMC4wNzksMCwzNi4zNDMtMTYuMjY2LDM2LjM0My0zNi4zNDRWMjcxLjIwMmMwLTIwLjA3OS0xNi4yNjQtMzYuMzQyLTM2LjM0My0zNi4zNDJoLTU4LjMyOGMtMTAuMDg5LDAtMTguMTctOC4xNzctMTguMTctMTguMTcgIGMwLTMuMjcxLDAuODE1LTUuNTQyLDAuODE1LTUuNTQyYzEzLjI2NC00My45NzcsNDYuNzg1LTc5LjIyNyw4OS43NjItOTQuODUybDAuMTgtMC4xODJjMTIuOTk3LTUuNTQsMjIuMDgzLTE4LjQ0NSwyMi4wODMtMzMuNDM3ICBjMC0yMC4wNzctMTYuMjY0LTM2LjM0MS0zNi4zNDMtMzYuMzQxYy00LjkwNiwwLTkuNTM2LDAuOTk4LTEzLjgwNCwyLjcyM2wtMS42NDQsMC42NEM5NC42OCw4MS40MDUsMzYuOTkyLDE2MC40NSwzNi45OTIsMjUzLjAzICBWNDE2LjU2OXogTTI3My4yMTUsNDE2LjU2OWMwLDIwLjA3OCwxNi4yNjIsMzYuMzQ0LDM2LjM0MSwzNi4zNDRoMTE4LjExMmMyMC4wNzgsMCwzNi4zNC0xNi4yNjYsMzYuMzQtMzYuMzQ0VjI3MS4yMDIgIGMwLTIwLjA3OS0xNi4yNjItMzYuMzQyLTM2LjM0LTM2LjM0MmgtNTguMzNjLTEwLjA4OCwwLTE4LjE2OS04LjE3Ny0xOC4xNjktMTguMTdjMC0zLjM2MiwwLjgxMy01LjU0MiwwLjgxMy01LjU0MiAgYzEzLjI2Ny00My45NzcsNDYuNzg3LTc5LjIyNyw4OS43NjUtOTQuODUybDAuMTgtMC4xODJjMTIuOTk1LTUuNTQsMjIuMDgxLTE4LjQ0NSwyMi4wODEtMzMuNDM3ICBjMC0yMC4wNzctMTYuMjYyLTM2LjM0MS0zNi4zNC0zNi4zNDFjLTQuOTA2LDAtOS41MzgsMC45OTgtMTMuODA1LDIuNzIzbC0xLjY0NCwwLjY0QzMzMC45MDMsODEuNDA1LDI3My4yMTUsMTYwLjQ1LDI3My4yMTUsMjUzLjAzICBWNDE2LjU2OXoiIGZpbGw9IiNFREVERUQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: bottom right;
}
.testimonials .testimonial .testimonial-picture {
    max-height: 3rem;
}

.kb-modal .modal-content {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJpbmZvLWNpcmNsZSIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWluZm8tY2lyY2xlIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iI0VERURFRCIgZD0iTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Ij48L3BhdGg+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: bottom -10% right -9%;
}
.kb-modal .modal-lg .modal-content {
    background-size: 10%;
    background-position: bottom -2% right -1%;
}

body[data-blur-enabled] [data-blur-candidate],
#pills-tracking-code-selector-content[data-blur-enabled] [data-blur-candidate],
.forced-blur-candidate[data-blur-candidate] {
    position: relative;
    -webkit-filter: blur(6px);
    filter: blur(6px);
    pointer-events: none;
    cursor: not-allowed;
    z-index: 1033;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
body[data-blur-enabled] [data-blur-candidate="hide"],
#pills-tracking-code-selector-content[data-blur-enabled] [data-blur-candidate="hide"] {
    display: none!important;
}
body[data-blur-enabled] [data-blur-candidate]:after,
#pills-tracking-code-selector-content[data-blur-enabled] [data-blur-candidate]:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    align-items: center;
    justify-content: center;
    z-index: 1034;
}
body[data-actions-disable] [data-disable-action-candidate="true"] {
    cursor: not-allowed!important;
    opacity: .65;
}

.rounded-top-right {
    border-top-right-radius: .4rem;
}
.rounded-bottom-right {
    border-bottom-right-radius: .4rem;
}
.rounded-bottom-left {
    border-bottom-left-radius: .4rem;
}
.rounded-top-left {
    border-top-left-radius: .4rem;
}

/*==========================
        HOME
============================*/

.bg-home {
    background-size: cover;
    background-position: center center;
    min-height: 100vh;
}

.home-center {
    display: table;
    width: 100%;
    height: 100%;
}

.home-desc-center {
    display: table-cell;
    vertical-align: middle;
}

.home-desc-lower {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 40px;
}

.home-title{
    font-size: 48px;
    line-height: 1.2;
    font-weight: 300;
}

.home-sub-title {
    line-height: 1.8;
    max-width: 800px;
    /*text-shadow: 0 0 8px rgba(0,0,0,.5);*/
}

.watch-video a span{
    font-size:16px;
    padding-left: 10px;
    position: relative;
    top: -5px;
}

.play-icon-circle {
    height: 64px;
    width: 64px;
    line-height: 64px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    font-size: 28px;
}

.play-btn-light{
    background-color: #fff !important;
    color: #6c77c0;
    mix-blend-mode: lighten;;
}

/*----------DEMO 2-----------*/
.home-height-half {
    padding: 120px 0 50px 0;
    height: auto;
}
.home-height-half.alt {
    padding: 170px 0 100px 0;
    height: auto;
    min-height: auto;
}
/*----------DEMO 3-----------*/
.home-half{
    padding-bottom: 150px;
    padding-top: 180px;
    background-image: url('../images/home-bg.jpg');
    background-size: cover;
    background-position: center center;
    position: relative;
}

.home-registration-form .form-title {
    font-size: 24px;
    font-weight: 600;
}

.home-registration-form .form-subtitle{
    line-height: 1.4;
    font-size: 18px;
}

.home-registration-form {
    border-radius: 3px;
    box-shadow: 0px 0px 3px 0px #000000;
}

.home-registration-form .registration-form label{
    font-size: .93rem;
}

.w-md-100,
.w-lg-100 {
    width: 100% !important;
}

.vh-100 {
  height: 100vh !important; }


.home-subtitle-width-100{
    max-width: 100%;
}

.small-text {
    font-size: .93rem;
}

.registration-input-box{
    border:none;
    border-radius:0px;
    color: #999;
    border-bottom: 1px solid #c5c5c5;
    box-shadow: none !important;
    padding-left: 0;
    padding-right: 0;
}

/*---------DEMO 6-----------*/
.back-slide{
    height: 100vh;
}

.search-form input {
    padding: 15px 20px;
    width: 100%;
    font-size: 17px;
    color: #4c5667 !important;
    border: none;
    outline: none !important;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: .25rem;
}

.search-form button {
    top: 7px;
    right: 8px;
    outline: none !important;
    font-size: 17px;
    padding: 9px 30px;
}

form .search-form {
    position: relative;
    max-width: 600px;
    margin: 0px auto;
}

.get-started-form input {
    padding: 15px 20px;
    width: 100%;
    font-size: 17px;
    color: #4c5667 !important;
    border: none;
    outline: none !important;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: .25rem;
}

.get-started-form button {
    top: 7px;
    right: 8px;
    outline: none !important;
    font-size: 17px;
    padding: 9px 30px;
}

.get-started-form form {
    position: relative;
    max-width: 600px;
}

.bg-gradient {
    background: -webkit-linear-gradient(#5B86E5, #207CE5);
    background: -moz-linear-gradient(#5B86E5, #207CE5);
    background: -ms-linear-gradient(#5B86E5, #207CE5);
    background: -o-linear-gradient(#5B86E5, #207CE5);
    background: linear-gradient(#5B86E5, #207CE5);
    background-repeat: no-repeat;
    overflow: auto;
}
.bg-gradient-wave {
    background-repeat: no-repeat;
    overflow: auto;
    background: -webkit-linear-gradient(#5B86E5, #207CE5);
    background: -moz-linear-gradient(#5B86E5, #207CE5);
    background: -ms-linear-gradient(#5B86E5, #207CE5);
    background: -o-linear-gradient(#5B86E5, #207CE5);
    background: linear-gradient(#5B86E5, #207CE5);
    min-height: 300px;
    padding: 6rem 1rem 4rem;
}
body.has-sp-secondary-header .bg-gradient-wave {
    padding-top: 8rem;
}
.btn.select-plan.activated,
.header-nav .nav-item .nav-link.select-plan.activated {
    -webkit-box-shadow: 0 2px 6px 0 rgba(114,124,245,.5);
    box-shadow: 0 2px 6px 0 rgba(114,124,245,.5);
    color: #ffffff;
    background-color: #727cf5;
    border-color: #727cf5;
    padding: .5rem 1.2rem;
    font-size: 0.8rem;
    border-radius: .2rem;

}

.bg-gradient-get-started {
    background-repeat: no-repeat;
    overflow: auto;
    background-image: url("../images/bg-gradient-wave.svg");
    background-size: 100% 500px;
    min-height: 500px;
}
.bg-gradient-alt {
    background: -webkit-linear-gradient(#7474BF, #348AC7);
    background: -moz-linear-gradient(#7474BF, #348AC7);
    background: -ms-linear-gradient(#7474BF, #348AC7);
    background: -o-linear-gradient(#7474BF, #348AC7);
    background: linear-gradient(#7474BF, #348AC7);
}
.bg-gradient-belp {
    background: -webkit-linear-gradient(#5c5cff 75%, #8960ff);
    background: -moz-linear-gradient(#5c5cff 75%, #8960ff);
    background: -ms-linear-gradient(#5c5cff 75%, #8960ff);
    background: -o-linear-gradient(#5c5cff 75%, #8960ff);
    background: linear-gradient(#5c5cff 75%, #8960ff);
}
.bg-waves-dotted {
    background-repeat: no-repeat;
    overflow: auto;
    background-image: url("../images/bg-waves-dotted.svg");
    background-size: 100% 75vh;
}
.bg-none {
    background: transparent!important;
}
.bg-gradient-malibu-beach {
    background-color: #7f53ac;
    background-image: linear-gradient(315deg, #7f53ac 0%, #647dee 74%);
    border-color: #7f53ac!important;
}

/*--------DEMO 8-----------*/
.navbar-light{
    background-color: #fff;
    box-shadow: 0 10px 33px rgba(0,0,0,.1) !important;
}

.navbar-light .navigation-menu > li > a {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    min-height: 62px;
}

.navigation-menu .user-avatar-container .user-avatar {
    display: inline-block;
    background: #888;
    border-radius: 50%;
    width: 3rem;
    text-align: center;
    height: 3rem;
    line-height: 1rem;
    margin: .75rem;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1rem;
    color: #000;
    outline: none
}

.navigation-menu .user-avatar-container .user-avatar.dropdown-toggle::after {
    margin-left: 0;
}

.dashboard-header-light .logo .logo-dark,
.navbar-light .logo .logo-dark {
    display: inline-block !important;
}

.logo .logo-dark {
    display: none !important;
}

.navbar-light .navigation-menu > li > a {
    color: #000 !important;
}
/*-----------DEMO 9----------*/
.bg-overlay-gredient {
    background: #000046;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #1CB5E0, #000046);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1CB5E0, #000046); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    opacity: 0.8;
}
/*----------DEMO 10-----------*/
.bg-video{
    height: 100vh;
    background-color: #000;
}
/*---------DEMO 11--------*/
.navbar-light.small {
    top: 0px !important;
    width: 100%;
}
/*--------DEMO 12----------*/
.slidero{
    position: relative;
    z-index: 1;
}
/*---------DEMO 13-----------*/
.main-slider .flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: rgba(255,255,255,0.8);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: none;
}
.main-slider .flex-control-paging li a:hover {
  background: #333;
  background: rgba(255,255,255,0.9);
}
.main-slider .flex-control-paging li a.flex-active {
}
.main-slider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -50px;
    text-align: center;
}

.dashboard-home, .default-home {
    padding-top: 120px;
    min-height: calc( 100vh - 60px);
}
.dashboard-home.contact-landing {
    padding-top: 6rem;
    background: rgb(244, 245, 245);
}
.dashboard-home.setup-landing {
    padding-top: 3.75rem;
}
.dashboard-home.setup-landing #tracking-code-container pre code#tracking-code {
    font-size: 0.93rem;
}
.dashboard-home #tracking-code-container pre {
    word-wrap: break-word;
    margin: 0
}
.dashboard-main .attn-pulse,
.dashboard-home .attn-pulse,
.pricing-home .attn-pulse {
    width: 8px;
    height: 8px;
    display: inline-block;
    top: 50%;
    border-radius: 50%;
    animation: nav-pulse 1.6s ease infinite;
    background: rgba(255, 221, 64, 1);
    box-shadow: 0 0 0 0 rgba(255,221,65,0.4);
}
.upgrade-home {
    padding-top: 7.5rem;
    padding-bottom: 1rem;
}

.pricing-table-container {
    padding-top: 120px;
}

.default-home .flatpage p {
    font-size: .95rem;
    text-align: justify;
    max-width: none;
}

.default-home .flatpage ol {
    color: #777;
}

.default-home .flatpage ol li {
    font-size: 0.95rem;
    padding-bottom: .25rem;
}

.default-home .features-box .feature-box {
    padding: 1rem 0.5rem;
    margin: 0.3rem;
    border: 1px dotted #999;
    border-radius: 3px;
}

.dashboard-home.bg-light-grey, .accounts-home.bg-light-grey {
    background-color: #f5f5f5;
}

.sample-contact-form .valid-contact-email-input {
    height: auto;
}

.sample-contact-form .form-control {
    font-size: 0.93rem;
}

.pricing-column-header .pricing-bg-alt {
    background-color: #777;
}

.pricing-column-item.monitoring-pro {
    border-color: #28a745;
}

.monitoring-pro .pricing-column-header .pricing-bg-alt {
    background-color: #28a745;
}


.pricing-column-header .pricing-column-button {
    border-radius: 0;
}

.monitoring-pro .pricing-column-header .pricing-column-button {
    background-color: #28a745;
    border: 1px solid #28a745 !important;
}
.pricing-column-header .pricing-column-price {
    min-height: 200px;
}

.pricing-column-header .pricing-column-price p {
    color: #777;
    font-weight: 100;
    font-size: 1.25rem;
}

.pricing-column-content {
    color : #000000;
}

.pricing-column-content ul {
    list-style: none;
    -moz-padding-start: 0;
    -webkit-padding-start: 0;
    -khtml-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0;
}

.pricing-column-content ul li {
    padding: .25rem 0;
}

.pricing-column-content ul li.disabled {
    color: #aaaaaa;
}

.pricing-column-item {
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
}

.accounts-home {
    display: flex;
    flex-direction: row;
    min-height: 100vh;
}

.account-form-container {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    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;
}

.account-form-promo-sidebar {
    flex-basis: 70%;
    color: #333333;
    background: #fff;
    height: 100vh;
    border-right: 1px solid #dbdbdb;
    padding: 0 20px;
    text-align: center;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -130px;
}

.account-form-column {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.account-form-column.signup-form-free-trial-benefits {
    flex-basis: 35%;
    background-color: #21D4FD;
    background-image: linear-gradient(135deg, #21D4FD 0%, #B721FF 100%);
}


.account-form-promo-sidebar .top-customers {
    margin-bottom: 1rem;
}

.account-form-promo-sidebar .top-customers .customer-logos-container .customer-logo {
    float: left;
    width: 4rem;
}

.account-form-promo-sidebar .testimonials .testimonial {
    margin-bottom: 3rem;
    color: #333333;
}

.account-form-promo-sidebar .testimonials .testimonial .testimonial-info h5 {
    color: #999999;
}

.quick-help .card {
    border-radius: 0;
}

.contacts-container .contact:first-child {
    margin-top: 1rem;
}

.contact-container .contact-detail .card.container-card {
    border: 1px solid rgb(208, 215, 219);
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.contact .pipedrive-sync-status-indicator svg,
.contact .salesforce-sync-status-indicator svg {
    background-color: #5c7cfa;
    border-radius: 2px;
    height: 16px;
    width: 16px;
    visibility: hidden !important;

}
.contact .salesforce-sync-status-indicator svg {
    height: 20px;
    width: 20px;
}
.contact .pipedrive-sync-status-indicator svg path#path-1 {
    fill: #FFFFFF;
}
.contact .pipedrive-sync-status-indicator.sync-success svg {
    background-color: #08A742;
    visibility: visible !important;
}


.contact .pipedrive-sync-status-indicator.sync-error svg {
    background-color: #F94839;
    visibility: visible !important;
}

.contact .pipedrive-sync-status-indicator.not-synced svg {
    background-color: #A9A9A9;
    visibility: visible !important;
}

.contact .salesforce-sync-status-indicator.not-synced svg path#salesforce-logo-path-1 {
    fill: #A9A9A9;
    visibility: visible !important;
}
.contact .salesforce-sync-status-indicator.sync-success svg path#salesforce-logo-path-1 {
    fill: #08A742;
    visibility: visible !important;
}
.contact .salesforce-sync-status-indicator.sync-error svg path#salesforce-logo-path-1 {
    fill: #F94839;
    visibility: visible !important;;
}

.contacts-container .contact {
    /*margin-bottom: 1.5rem;*/
}

.dashboard-list-container {
    overflow: hidden;
    overflow-x: scroll;
}
.contacts-container.v2 .contact .foundational-container [class*='col-'],
.contacts-container.v2 .opportunity .foundational-container [class*='col-'],
.contacts-container.v2 .contact .foundational-container,
.contacts-container.v2 .opportunity .foundational-container [class*='col-'],
.dashboard-list-container .dashboard-list-row .foundational-container [class*='col-'] {
    background-color: #ffffff;
}
.contacts-container.v2 .contact .foundational-container .activity-field[class*='col-'],
.contacts-container.v2 .opportunity .foundational-container .activity-field[class*='col-'],
.dashboard-list-container .dashboard-list-row .foundational-container .activity-field[class*='col-'] {
    background-color: #ecfdf5;
}
.contacts-container.v2 .contact .foundational-container .firmographic-field[class*='col-'],
.contacts-container.v2 .opportunity .foundational-container .firmographic-field[class*='col-'],
.dashboard-list-container .dashboard-list-row .foundational-container .firmographic-field[class*='col-'] {
    background-color: #ecfeff;
}
.contacts-container.v2 .contact.active .foundational-container [class*='col-'],
.contacts-container.v2 .contact:hover .foundational-container [class*='col-'],
.contacts-container.v2 .contact.active .foundational-container,
.contacts-container.v2 .contact:hover .foundational-container,
.contacts-container.v2 .opportunity.active .foundational-container [class*='col-'],
.contacts-container.v2 .opportunity:hover .foundational-container [class*='col-'],
.dashboard-list-container .dashboard-list-row.active .foundational-container [class*='col-'],
.dashboard-list-container .dashboard-list-row:hover .foundational-container [class*='col-'] {
    border-bottom-color: #0ea5e9!important;
}
.contacts-container.v2 .contact.active .visitor-name,
.contacts-container.v2 .contact:hover .visitor-name,
.contacts-container.v2 .opportunity.active .visitor-name,
.contacts-container.v2 .opportunity:hover .visitor-name,
.dashboard-list-container .dashboard-list-row.active .visitor-name,
.dashboard-list-container .dashboard-list-row:hover .visitor-name {
    color: #2563eb!important;
}
.contacts-container.v2 .contact.selected .foundational-container [class*='col-'],
.contacts-container.v2 .opportunity.selected .foundational-container [class*='col-'],
.dashboard-list-container .dashboard-list-row.selected .foundational-container [class*='col-'] {
    background-color: #EDF2FE;
}
.dashboard-list-container .dashboard-list-row .visible-on-hover {
    visibility: hidden !important;
}
.dashboard-list-container .dashboard-list-row .segment-pin-container .segment-pin.pinned.visible-on-hover {
    visibility: visible !important;
}
.dashboard-list-container .dashboard-list-row:hover .visible-on-hover {
    visibility: visible !important;
}

.contacts-container:not(.v2) .contact:hover>.col-12>.card,
.contacts-container:not(.v2) .opportunity:hover>.col-12>.card {
    background: rgba(0, 0, 0, 0.04);
}
.contacts-container:not(.v2) .contact.selected>.col-12>.card,
.contacts-container:not(.v2) .opportunity.selected>.col-12>.card {
    background: rgba(163, 191, 250, .2);
}

.contacts-container .contact .card.dark,
.contacts-container:not(.v2) .contact:hover>.col-12>.card,
.contacts-container .contact.active .card,
.opportunities-container .opportunity:hover>.col-12>.card,
.opportunities-container .opportunity.active .card {
    color: rgb(66, 91, 118);
    background: #f7f7f9;
}

.contacts-container .contact.active .card,
.opportunities-container .opportunity.active .card {
    border-color: #5c7cfa;
}

.contacts-container .contact .card .favicon-container img,
.contacts-container .contact .card .favicon-container object {
    width: 25px;
    height: 25px;
}

.contacts-container .contact .card:hover {
    /*border-color: #615fe6;*/
}

.contacts-container .contact .contact-name {
    /*padding: .5rem 0 .5rem;*/
}

.contacts-container .contact .notification-mediums {
    padding: 0 1rem 0.5rem;
}

.contacts-container .contact .notification-mediums .badge-custom {
    font-weight: 400;
}

.contacts-container .contact .contact-name h4 {
    font-size: 1.25rem;
    color: rgb(74, 74, 74);
    line-height: 1.5rem;
}

.contacts-container .contact .contact-name .badge-custom {
    line-height: 1.3;
}

.contacts-container .contact .contact-actions {
    padding: 2rem 1rem;
}

.contacts-container .contact .contact-actions .last-checked,
.contacts-container .contact .contact-actions .contact-removal {
    margin-right: .25rem;
}

.contacts-container .contact .monitor-status {
    position: absolute;
    right: 2.5rem;
    top: 50%;
    margin-top: -2.25rem;
}

.pause-switch-input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}

.pause-switch-label {
  cursor: pointer;
  text-indent: -9999px;
  width: 50px;
  height: 25px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
}

.pause-switch-label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 19px;
  height: 19px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}

.pause-switch-input:checked + .pause-switch-label {
  background: #28a745;
}

.pause-switch-input:checked + .pause-switch-label:after {
  left: calc(100% - 3px);
  transform: translateX(-100%);
}

.pause-switch-label:active:after {
  width: 32px;
}



.monitor-status .circle {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50px;

    border: 2px solid #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.monitor-status .activated {
    background: #4cdc4e;
}

.monitor-status .deactived {
    background: #ff5d5f;
}

.contact-log {
    background-color: rgba(0, 0, 0, 0.8);
    color: rgba(255, 255, 255, 0.8);
}

.contact-log .contact-log-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

#monitor-create-form-nav, #monitor-create-form-content, #create-contact-wrapper {
    padding: 1rem;
}

#monitor-create-form-nav .nav-item {
    text-transform: uppercase;
}

.nav-pills .nav-link {
    color: #047857;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #d1fae5;
    color: #047857;
    border: 1px solid #047857;
}
.nav-pills.nav-cyan .nav-link {
    color: #0e7490;
}
.nav-pills.nav-cyan .nav-link.active,
.nav-pills.nav-cyan .show>.nav-link {
    background-color: #cffafe;
    color: #0e7490;
    border: 1px solid #0e7490;
}
.nav-pills.nav-slate .nav-link {
    color: #334155;
}
.nav-pills.nav-slate .nav-link.active,
.nav-pills.nav-slate .show>.nav-link {
    background-color: #f1f5f9;
    color: #334155;
    border: 1px solid #334155;
}
.form, p {
    max-width: 42rem;
}

.text-center .form, .text-center p {
    max-width: 42rem;
    margin: 0 auto 1rem;
}
p {
    margin: 0 0 1rem;
}
p.text-center,
p.text-align-center,
p.full-width {
    max-width: none;
}
p.full-width.break-word {
    word-break: break-word;
}
.form.full-width-form {
    max-width: none;
}
.form .help-block {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0;
}
.form .form-group {
    margin-bottom: 0.93rem;
}
.form .form-group .form-control-label {
    font-size: 1rem;
}
.form .form-group label {
    text-transform: capitalize;
}
.form .form-group label.checkbox-label {
    text-transform: lowercase;
}.form .form-group label.checkbox-label:first-letter {
    text-transform: uppercase;
}
.form .form-group input[type="file"] {
    vertical-align: middle;
    line-height: 0;
    padding-top: .75rem;
}
.form .form-group input.form-control,
.form .form-group select.form-control {
    box-shadow: none;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 3.5rem;
    font-weight: 300;
}

form input.placeholder-white::-webkit-input-placeholder,
form select.placeholder-white::-webkit-input-placeholder {
  color: #ffffff;
}
form input.placeholder-white::-moz-placeholder,
form select.placeholder-white::-moz-placeholder {
  color: #ffffff;
}
form input.placeholder-white:-ms-input-placeholder,
form select.placeholder-white:-ms-input-placeholder {
  color: #ffffff;
}
form input.placeholder-white:-moz-placeholder,
form select.placeholder-white:-moz-placeholder {
  color: #ffffff;
}

#monitor-create-form-content .form .form-group input.form-control,
#monitor-create-form-content .form .form-group select.form-control {
    font-size: 1.125rem;
}
.form .form-group input.form-control[disabled],
.form .form-group select.form-control[disabled] {
    border: 0;
}
.form .form-group input.form-control-inline,
.form .form-group select.form-control-inline {
    margin-right: 0.25rem;
}
.form .form-group ul.form-control-radio-inline {
    list-style-type: none;
    -webkit-padding-start: 0;
}
.form .form-group ul.form-control-radio-inline label {
    font-weight: 500;
    font-size: .9rem;
}


.contact-log .contact-log-body pre {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
    max-height: 25rem;
}


/*==========================
        SIGNUP/SIGNIN
============================*/


.or-divider.align-text-left {
    text-align: left;
}
.or-divider.align-text-left span {
    margin-left: 1rem;
}

.products-container .product p a {
    display: none;
    transition: all 1s;
}

.products-container .product:hover>p>a {
    display: inline;
    transition: all 1s;
}

.products-img-container img {
    border: 1px solid rgba(0, 0, 0, 0.05);
}


@media only screen and (max-width: 767px) {
    .account-form-promo-sidebar {
        display: none !important;
    }
}


@keyframes pulse_animation {
    0% { transform: scale(1); }
    40% { transform: scale(.9); }
    50% { transform: scale(1.1); }
    60% { transform: scale(.9); }
    70% { transform: scale(1); }
}

@keyframes soft_pulse {
    0% {
        transform: scale(1)
    }
    6% {
        transform: scale(.9)
    }
    10% {
        transform: scale(1.1)
    }
    14% {
        transform: scale(.9)
    }
    20% {
        transform: scale(1)
    }
}

.hover-pulse:hover {
    animation-name: pulse_animation;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pulse {
    animation-name: soft_pulse;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/*==========================
        FEATURES
============================*/

.features-desc h2{
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
}

.features-desc p{
    font-size: 15px;
}

.features-desc a{
    color: #000;
    transition: all 0.5s;
    font-size: 15px;
    font-weight: 600;
}

.features-desc a i{
    font-size: 16px;
    position: relative;
    top: 2px;
}



.features-border{
    height: 2px;
    width: 70px;
}

/*==========================
        CTA
============================*/
.critarea-desc {
    font-size: 26px;
}
/*==========================
        SERVICES
============================*/

.service-box {
    border: 1px dotted #dddddd;
    border-radius: 3px;
    position: relative;
}

.service-left {
    float: left;
}

.service-box .service-icon {
    font-size: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.service-box .service-desc {
    margin-left: 25%;
}

.service-box .service-desc h4 {
    font-size: 18px;
    font-weight: 600;
}

.service-box .service-desc p {
    font-size: 14px;
}

/*=========================
    CLIENTS/TESTIMONIAL
===========================*/

.testimonial-box h4 {
    line-height: 26px;
    font-style: italic;
    font-size: 16px;
    font-weight: 400;
}

.client-images img {
    max-height: 30px;
    width: auto !important;
    margin: 10px auto;
    opacity: 0.3;
    transition: all 0.5s;
}

.client-images img:hover {
    opacity: 0.6;
}

.client-images .owl-pagination{
    display: none;
}

.testi-work{
    font-size: 15px;
}

/*=========================
        TEAM
===========================*/
.team-member-profile-picture {
    height: 6rem;
    width: 6rem;
}

/*=========================
        PRICING
===========================*/

body.index-body.pricing-page,
body.index-body.font-inter,
body.landing-body.font-inter,
body.font-inter {
    font-family: 'Inter', sans-serif;
}

body.index-body.pricing-page .pricing-banner-choose-plan-before-signup {
    height: 80px;
    z-index: 1000000;
    background-color: #38BDF8;
}

body.index-body.pricing-page.modal-open .sp-header.fixed-top {
    z-index: 1039;
}

.pricing-hero {
    margin-top: 10rem;
    margin-bottom: 6rem;
}
.pricing-page .fsx2,
.pricing-page .fsx3 {
    letter-spacing: -1.5px;
}
.pricing-page .pricing-hero {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12rem;
    padding-bottom: 12rem;
}
.pricing-primary-panels {
    margin-top: -6rem;
}
.pricing-secondary-panels {
    padding-bottom: 6rem;
}
.growth-account-reveal-panel-container-card {
    position: relative;
    background-color: #cffafe;
    border-width: 3px;
}
.growth-account-reveal-panel-highlights {
    background-color: #67e8f9;
}

.plan-price h6{
    font-weight: 600;
    font-size: 36px;
    height: 110px;
    width: 110px;
    line-height: 110px;
    display: inline-block;
    color: white;
    border-radius: 50%;
}

.plan-price h6 span{
    font-size: 16px;
}

.plan-title h5{
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2px;
}

.plan-feature-block:first-child {
    padding-top: 0;
}
.plan-feature-block {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    margin-bottom: 0.75rem;
    padding: 1.25rem 0;
}

.plan-features p{
    color: #8e8e8e;
}

.pricing-box{
    border-radius: 8px;
    border:1px solid #e2e2e2;
}
.upgrade-plans {
    background: #19a0ff;
    background-image: linear-gradient(330deg, #2d1582 0%, #19a0ff 100%);
    background-repeat: repeat-x;
}

/*==========================
        CONTACT US
============================*/

.form-sub-title {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 50px;
}

.form-control {
    margin-bottom: 25px;
    box-shadow: none !important;
    height: 44px;
}

textarea.form-control {
    height: auto;
}

.error {
    margin: 8px 0px;
    display: none;
    color: red;
}

#ajaxsuccess {
    font-size: 16px;
    width: 100%;
    display: none;
    clear: both;
    margin: 8px 0px;
}

.error_message {
    padding: 10px;
    background-color: rgba(244, 35, 103, 0.2);
    margin-bottom: 20px;
    text-align: center;
}

.contact-loader {
    display: none;
}

#success_page {
    text-align: center;
    margin-bottom: 50px;
}

#success_page h3 {
    color: #0dba26;
    font-size: 22px;
}

/*==========================
        FOOTER
============================*/

.company-sub-menu a {
  color: #98a9c3;
  font-size: 15px;
  margin-bottom: 7px;
  display: inline-block;
  transition: all 0.5s;
  letter-spacing: 0.32px;
}

.footer-title {
    color: #EFF4F7 !important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.company-sub-menu a:hover {
  text-decoration: none;
  color: #5c7cfa
}

.contact-us p{
  color: #808080;
  font-size: .93rem;
  margin-bottom: 7px;
}

.footer-icons li a{
    height: 35px;
    width: 35px;
    color: #808080;
    text-align: center;
    border-radius: 20%;
    font-size: 16px;
    display: inline-block;
    line-height: 35px;
    border-radius: 50%;
    border:1px solid #808080;
    transition: all 0.5s;
}

.footer-icons li a:hover{
    color: #fff;
}

.footer-alt .copy-rights, .footer-alt .copy-rights a {
  margin: 0;
  line-height: 60px;
  color: rgba(255, 255, 255, 0.5);
}

.footer-alt .copy-rights a {
    border-bottom: 1px dotted;
    padding-bottom: 0.25rem;
}


.lead-status.hot .mdi.mdi-fire {
    color: #fd7e14;
}
.lead-status.warm .mdi.mdi-fire {
    color: #ffc107;
}
.lead-status.slipping-away .mdi.mdi-fire {
    color: #ffe8a4;
}
.lead-status.normal .mdi.mdi-fire {
    color: #343a40;
}
.lead-status.cold .mdi.mdi-fire {
    color: #007bff;
}

@media (min-width: 768px) {
    .card-pricing.zoom-in {
        z-index: 1;
        transform: scale(1.1);
        border-left: .0625rem solid rgba(0,0,0,.08);
        border-right: .0625rem solid rgba(0,0,0,.08);
    }
}

@media (max-width: 768px) {
    .service-box .service-desc {
        width: auto;
        margin-left: 0%;
    }
    .service-box .service-icon {
        top: -15px;
        position: relative;
        transform: none;
        left: 0;
    }
    .vertical-content{
        display: inherit;
    }
    .features-desc h2{
        font-size: 26px;
    }
    .home-title {
        font-size: 28px;
    }
    .home-sub-title {
        font-size: .93rem;
    }
    .home-half {
        padding-bottom: 85px;
        padding-top: 120px;
    }
    .home-height-half{
        height: 100vh !important;
    }
    .home-height-half.alt {
        height: auto !important;
        padding-top: 120px;
    }
    .navbar-light .logo {
        line-height: 0px !important;
        padding: 0px !important;
    }
}

/*=========================
        contact
===========================*/
.contact-box{
    border-radius: 7px;
    border: 1px dashed #ddd;
}

.contact-box .contact-desc .contact-name{
    font-weight: 600;
}

.contact-box .contact-desc .contact-work{
    font-size: .93rem;
}

.contact-social li a {
    color: #808083;
    transition: all 0.52s;
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 12px;
    display: inline-block;
}

.contact-social li a:hover{
    color: #fff;
    background: #17a2b8;
    border-color: #17a2b8;
}

.form-control {
    margin-bottom: 0;
    box-shadow: none !important;
    height: 44px;
}
.form-control.form-control-sm {
    margin-bottom: 0;
    box-shadow: none !important;
    height: 30px;
}
.prospect-card .form-control.form-control-sm {
    padding: 0.55rem;
    font-size: .765625rem;
    line-height: 1.5;
    box-shadow: none !important;
    height: unset !important;
}
.prospect-card .input-group>.form-control.form-control-sm {
    border-right: none;
}
.prospect-card .input-group .input-group-append>.btn {
    border-width: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.prospect-card .form-control.border-indigo5:focus {
    border-color: #5c7cfa !important;
}
.prospect-card .input-group-append .btn, .input-group-prepend .btn {
    z-index: 4;
}
#find-prospects .prospect-img,
#find-prospects-for-dvc .prospect-img {
    width: 64px;
    height: 64px;
    max-width: 64px;
    max-height: 64px;
}
#find-prospects-for-account .prospect-img {
    width: 48px;
    max-width: 48px;
    height: 48px;
    max-height: 48px;
}

.form.search-by-name-form [type="submit"],
.form.search-by-name-form .reset-search-filter {
    height: 44px;
}

#segment-search-form.form.search-by-name-form .btn-sm,
#segment-search-form.form.search-by-name-form .btn-sm[type="submit"] {
    height: 30px;
}

.plan-price-alt h6 {
    font-weight: 600;
    font-size: 36px;
    height: 110px;
    line-height: 110px;
    display: inline-block;
    background-color: white !important;
    color: #37b8df;
}

.plan-price-alt h6 span {
    font-size: 16px;
}

.pricing-box-alt {
    border:1px solid #e2e2e2;
}

.content-page p {
    max-width: none;
    font-size: 1.05rem;
    line-height: 1.625rem;
    margin-bottom: .75rem;
}

.content-page.privacy-page h2, .content-page.privacy-page h5, .content-page.privacy-page strong,
.content-page.terms-page h2, .content-page.terms-page h5, .content-page.terms-page strong {
    color: rgba(0, 0, 0, 1);
}

.content-page.privacy-page p,
.content-page.terms-page p {
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 1rem;
}



/* Breadcrumbs CSS */

.arrow-steps .step {
    font-size: .93rem;
    text-align: center;
    color: #666;
    cursor: pointer;
    line-height: 1.2;
    margin: 0 3px;
    padding: 10px;
    min-width: 180px;
    float: left;
    position: relative;
    background-color: #d9e3f7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.2s ease;
}

.arrow-steps .step a {
    color: #666;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
    content: " ";
    position: absolute;
    top: -0.5px;
    right: -16.5px;
    width: 0;
    height: 0;
    border-top: 19px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #d9e3f7;
    z-index: 2;
  transition: border-color 0.2s ease;
}

.arrow-steps .step:last-child:after {
    display: none;
}

.arrow-steps .step:before {
    right: auto;
    left: 0;
    border-left: 17px solid #fff;
    z-index: 0;
}

.arrow-steps .step:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.arrow-steps .step:first-child:before {
    border: none;
}

.arrow-steps .step:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.arrow-steps .step.current, .arrow-steps .step.completed {
    color: #fff;
}

.arrow-steps .step.current {
    background-color: rgba(35, 70, 140, 1);
}

.arrow-steps .step.completed {
    background-color: rgba(35, 125, 220, 1);
}

.arrow-steps .step.current:after, .arrow-steps .step.completed:after {
    border-left: 17px solid #23468c;
}

.arrow-steps .step.completed:after {
    border-left: 17px solid rgba(35, 125, 220, 1);
}

.arrow-steps .step.completed:not(:last-child) span {
    text-decoration: line-through;
}

.arrow-steps .step.completed span:before {
    content: "✔";
    padding-right: .25rem;
    color: #9BC53D;
    text-decoration: none;
}

.arrow-steps .step.broken {
    color: #fff;
    background-color: #EC866B;
}

.arrow-steps .step.broken:after {
    border-left: 17px solid #EC866B;
}

/* timeline */

.timeline-container {
    max-height: 45rem;
    overflow-y: scroll;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.timeline-day-container {
    transition: opacity 300ms;
}
.timeline-day-container.week-ago {
    opacity: .65;
}
.timeline-day-container.week-ago .account-activity-date-string {
    color: #020617;
}
.timeline-day-container.two-weeks-ago {
    opacity: .50;
}
.timeline-day-container.two-weeks-ago .account-activity-date-string {
    color: #1e293b;
}
.timeline-day-container.month-ago {
    opacity: .35;
}
.timeline-day-container.month-ago .account-activity-date-string {
    color: #475569;
}
.timeline-day-container.quarter-ago {
    opacity: .20;
}
.timeline-day-container.quarter-ago .account-activity-date-string {
    color: #94a3b8;
}
.timeline-day-container:hover {
    opacity: 1;
}
.timeline-day-container:not(:first-child) {
    margin-top: 1rem;
}

.timeline-day-header,
.visitor-activity-header {
    background: #ffffff;
}
.timeline-day-header {
    z-index: 2;
}
.visitor-activity-header {
    z-index: 1;
    top: 3.2rem;
}
.visitor-activity-header img {
    height: 2.6rem;
}
.visitor-activity-header .visitor-avatar {
    height: 2.6rem;
    width: 2.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #5c7cfa;
    font-size: 0.825rem;
    font-weight: 900;
}

.most-visited-pages-container {
    min-height: 16rem;
    max-height: 20rem;
    overflow-y: scroll;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.most-visited-pages-container h6:first-of-type {
    margin-top: 0 !important;
}
.most-visited-pages-container p:not(:last-child) {
    border-bottom: 1px dotted rgba(108, 117, 125, .3);
}
.most-visited-pages-container p:last-of-type {
    margin-bottom: 0 !important;
}

.timeline-incident:hover {
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 3px;
}

.timeline-container.v2 .timeline-incident:hover .timeline-hook-circle {
    background: #087C8C;
    color: #ffffff;
}

.timeline-incident-separator {
    display: flex;
    flex-direction: column;
    padding-left: .5rem;
    padding-right: .5rem;
    align-items: center;
}

[class^=timeline-incident-separator-p] {
    margin: 0 auto;
}

.timeline-incident-separator-content {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0px;
}

.timeline-incident-separator-pre-line {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    height: 16px;
}
.timeline-container.v2 .timeline-incident-separator-pre-line {
    height: 12px;
}
.timeline-incident:first-child {
    margin-top: 0.5rem;
}
.timeline-container.v2 .timeline-incident:first-child {
    margin-top: 0;
}

.timeline-incident:first-child .timeline-incident-separator-pre-line {
    border-color: transparent;
}

.timeline-incident:last-child .timeline-incident-separator-post-line {
    border-color: transparent;
}

.timeline-incident hr {
    min-height: 1px;
}

.timeline-incident-separator-post-line {
    flex-grow: 1;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    height: 12px;
}

.timeline-hook-circle {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: 1px solid #087C8C;
}
.timeline-container.v2 .timeline-hook-circle {
    height: 24px;
    width: 24px;
    border-radius: .375rem;
}

small.timeline-incident-text {
    font-size: 12px;
    line-height: 1.2rem;
}

small.timeline-incident-text a {
    color: #0091ae;
}

.contact-meta a {
    color: #218DF5;
}

.m-bottom-1 {
    margin-bottom: 4px!important;
}
.m-top-1 {
    margin-top: 4px!important;
}

.mdi-32px {
    font-size: 32px;
}

.quick-profile-view-content {
    position: relative;
    z-index: 33;
}

.quick-profile-view-content .quick-profile-view-content-actions-container {
    position: absolute;
    right: calc(100% - 1px);
    background: #ffffff;
    z-index: 33;
}

.quick-profile-view-content .quick-profile-view-content-actions-container.action-close {
    top: 30px;
}
.quick-profile-view-content .quick-profile-view-content-actions-container.action-help-article {
    top: 150px;
}
.quick-profile-view-content .quick-profile-view-content-actions-container.action-dashboard-setting {
    top: 220px;
}

.quick-profile-view-content .visitor-opportunity-company-detail-view-trigger {
    display: none;
}

.contact-details .lead-status,
.quick-profile-view-content .lead-status {
    margin: -0.5rem;
}

.contact-details p {
    margin-bottom: 0.5rem;
}
ul.contact-social {
    margin-bottom: 0
}

.contact-pipedrive-link {
    color: rgba(0, 0, 0, 1)
}

.comapny-details-collapse-trigger {
    cursor: pointer
}
.feature-content-image {
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 5px;
}
.feature-content-image:hover {
    transform: scale(1.02);
    transition: transform 200ms;
    transform-origin: 100% 0%;
    z-index: 1;
}
.feature-content-image.inverse:hover {
    transform-origin: 0% 100%;
}

/* Home content hero-unit */

.home-content-left {
    padding: 30rem 0 0 40px;
    position: relative;
    width: 50%;
}
.home-content-left h1 {
    font-size: 3.2rem;
    letter-spacing: -.05rem;
    line-height: 1.269;
    margin-bottom: 1rem;
}
.home-content-left h3 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .2rem;
    margin-bottom: 1.4rem;
}
.home-content-left .button, .home-content-left button, .home-content-left input[type="submit"], .home-content-left input[type="reset"], .home-content-left input[type="button"] {
    display: inline-block;
    font-family: "montserrat-regular", sans-serif;
    font-size: 1.2rem;
    height: 3.4rem;
    line-height: calc(3.4rem - .4rem);
    padding: 0 2rem;
    margin: 0 .3rem 1.2rem 0;
    color: #222222;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    border-radius: .3rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #c5c5c5;
    border: .1rem solid #c5c5c5;
}
button.stroke:hover, .button.stroke:hover {
    border: 0.1rem solid #39b54a;
    color: #39b54a;
}
.home-content-left .button.stroke {
    color: #ffffff !important;
    border-color: #ffffff;
    margin: 0 .6rem 0;
    padding: 0 1.6rem;
    min-width: 148px;
}
.home-content-left .button.stroke:hover, .home-content-left .button.stroke:focus {
    background-color: white !important;
    color: #000000 !important;
}
button.stroke, .button.stroke {
    background: transparent !important;
    color: #a5a5a5 !important;
}

p.lead {
  font-size: 2.1rem;
  line-height: 1.857;
  color: #838383;
  margin-bottom: 3.6rem;
}
.feature-section h2.feature-section-header {
    font-size: 4rem;
    line-height: 1.125;
}
.tour-section h2.tour-section-header {
    font-size: 3rem;
    line-height: 1.125;
}
.tour-section p {
    font-size: 1.2rem;
}
.feature-checklist .checklist_item {
    margin-bottom: .875rem;
    list-style: none;
    position: relative;
    font-size: 1.5rem;
    line-height: 1.5;
}
 .tour-checklist .checklist_item {
    margin-bottom: .5rem;
    list-style: none;
    position: relative;
    font-size: 1.3rem;
    line-height: 1.5;
}
.feature-checklist .checklist_item:before {
    content: "";
    position: absolute;
    top: 11px;
    left: -24px;
    height: 15px;
    width: 21px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0MUFENDk7fQo8L3N0eWxlPjxnPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNDM0LjgsNDkgMTc0LjIsMzA5LjcgNzYuOCwyMTIuMyAwLDI4OS4yIDE3NC4xLDQ2My4zIDE5Ni42LDQ0MC45IDE5Ni42LDQ0MC45IDUxMS43LDEyNS44IDQzNC44LDQ5ICAgICAiLz48L2c+PC9zdmc+');
}
 .tour-checklist .checklist_item:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -24px;
    height: 16px;
    width: 20px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+IDwvZz4gPGc+ICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICA8cGF0aCBpZD0ic3ZnXzEiIGZpbGw9IiMwMGJmNWYiIGQ9Im0xNiwwYy04LjgzNywwIC0xNiw3LjE2MyAtMTYsMTZjMCw4LjgzNyA3LjE2MywxNiAxNiwxNmM4LjgzNiwwIDE2LC03LjE2NCAxNiwtMTZjMCwtOC44MzcgLTcuMTY0LC0xNiAtMTYsLTE2em0wLDMwYy03LjczMiwwIC0xNCwtNi4yNjggLTE0LC0xNGMwLC03LjczMiA2LjI2OCwtMTQgMTQsLTE0czE0LDYuMjY4IDE0LDE0YzAsNy43MzIgLTYuMjY4LDE0IC0xNCwxNHoiLz4gIDxwYXRoIGlkPSJzdmdfMiIgZmlsbD0iIzAwYmY1ZiIgZD0ibTIzLjMsMTAuMzkzbC0xMC4yODgsMTAuMTk2bC00LjI4MSwtNC4xOTZjLTAuMzk0LC0wLjM5MSAtMS4wMzQsLTAuMzkxIC0xLjQyOCwwYy0wLjM5NSwwLjM5MSAtMC4zOTUsMS4wMjQgMCwxLjQxNGw0Ljk5OSw0Ljg5OWMwLjQxLDAuMzYxIDEuMDIzLDAuNDAxIDEuNDI4LDBsMTAuOTk5LC0xMC44OTljMC4zOTQsLTAuMzkgMC4zOTQsLTEuMDI0IDAsLTEuNDE0Yy0wLjM5NSwtMC4zOSAtMS4wMzQsLTAuMzkgLTEuNDI5LDB6Ii8+IDwvZz48L3N2Zz4=');
}

.index-features-container .index-feature {
    box-shadow: 0 0 11px #eaf0f6;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.index-features-container .index-feature:hover {
    box-shadow: 0 10px 50px -5px rgba(51,71,91,0.12);
    -webkit-transform: scale(1.014);
    transform: scale(1.014);
}
.index-features-container .index-feature .index-feature-text-container .index-feature-label {
    border: 2px solid #272727;
    padding: .10rem .35rem;
    font-size: 12px;
    font-weight: 600;
}

.index-feature-text-container .checklist-item {
    margin-bottom: .5rem;
    list-style: none;
    position: relative;
    line-height: 1.5;
}
.index-feature-text-container .checklist-item:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -20px;
    height: 16px;
    width: 16px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+IDwvZz4gPGc+ICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICA8cGF0aCBpZD0ic3ZnXzEiIGZpbGw9IiMwMGJmNWYiIGQ9Im0xNiwwYy04LjgzNywwIC0xNiw3LjE2MyAtMTYsMTZjMCw4LjgzNyA3LjE2MywxNiAxNiwxNmM4LjgzNiwwIDE2LC03LjE2NCAxNiwtMTZjMCwtOC44MzcgLTcuMTY0LC0xNiAtMTYsLTE2em0wLDMwYy03LjczMiwwIC0xNCwtNi4yNjggLTE0LC0xNGMwLC03LjczMiA2LjI2OCwtMTQgMTQsLTE0czE0LDYuMjY4IDE0LDE0YzAsNy43MzIgLTYuMjY4LDE0IC0xNCwxNHoiLz4gIDxwYXRoIGlkPSJzdmdfMiIgZmlsbD0iIzAwYmY1ZiIgZD0ibTIzLjMsMTAuMzkzbC0xMC4yODgsMTAuMTk2bC00LjI4MSwtNC4xOTZjLTAuMzk0LC0wLjM5MSAtMS4wMzQsLTAuMzkxIC0xLjQyOCwwYy0wLjM5NSwwLjM5MSAtMC4zOTUsMS4wMjQgMCwxLjQxNGw0Ljk5OSw0Ljg5OWMwLjQxLDAuMzYxIDEuMDIzLDAuNDAxIDEuNDI4LDBsMTAuOTk5LC0xMC44OTljMC4zOTQsLTAuMzkgMC4zOTQsLTEuMDI0IDAsLTEuNDE0Yy0wLjM5NSwtMC4zOSAtMS4wMzQsLTAuMzkgLTEuNDI5LDB6Ii8+IDwvZz48L3N2Zz4=');
}

.callout h3 {
    font-size: 3rem;
}
.callout p {
     font-size: 1.5rem;
 }
.our-story h2 {
    font-size: 2.0rem;
}

.our-story p {
    font-size: 1.4rem;
    line-height: 1.5;
}
p.full-width {
    /* move to helper section */
    max-width: none;
}
.line-below-center {
    position: relative;
    padding-bottom: 2.6rem;
}
.line-below-center::before {
    display: block;
    content: "";
    height: 2px;
    width: 140px;
    background-color: #37b8df;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    bottom: 1.3rem;
}
.line-below-left {
    position: relative;
    padding-bottom: 1.3rem;
}
.line-below-left::before {
    display: block;
    content: "";
    height: 2px;
    width: 140px;
    background-color: #37b8df;
    position: absolute;
    left: 0;
    bottom: 0;
}

.values-list .value {
    padding: 0;
    padding-right: 2.3rem;
}
.values-list .value.col:not(:last-child):after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: rgba(31, 46, 66, 0.3);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
}

.values-list .value-number::before,
.primary-features .primary-feature-number::before {
    display: block;
    font-size: 2rem;
    content: attr(data-item);
    color: #ffffff;
    height: 54px;
    width: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 50%;
    background-color: #37b8df;
    z-index: 500;
}

.steps-list .step-number::before {
    display: block;
    margin: 1rem auto 0;
    font-size: 2rem;
    content: attr(data-item);
    color: #ffffff;
    height: 4.5rem;
    width: 4.5rem;
    line-height: 4.5rem;
    text-align: center;
    border-radius: 50%;
    background-color: #37b8df;
    z-index: 500;
}

.step-number.step-number-sm::before {
    display: inline-block;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 2rem;
    content: attr(data-item);
    color: #ffffff;
    height: 2rem;
    width: 2rem;
    background-color: #007bff!important;
    text-align: center;
    border-radius: 50%;
    z-index: 500;
}

.numbered-list-item::before {
    display: inline-block;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 2rem;
    content: attr(data-item);
    color: #ffffff;
    height: 2rem;
    width: 2rem;
    display: block !important;
    min-width: 2rem !important;
    min-height: 2rem !important;
    margin-right: 1rem;
    background-color: #5c7cfa !important;
    text-align: center;
    border-radius: 50%;
    z-index: 500;
}

.onboarding-checklist.steps-list .step-number.step-number-sm::before {
    font-size: .6rem;
    line-height: 1.2rem;
    color: #ffffff;
    height: 1.2rem;
    width: 1.2rem;
}

.btn.pipedrive-link {
    text-transform: none;
    font-size: 24px;
    height: 60px;
    color: #26292c;
    border: 1px solid rgba(38,41,44,0.5);
}
.btn.pipedrive-link:hover {
    border: 1px solid rgba(38,41,44,1);
}

.self-closing-alert-container {
    position: fixed;
    bottom: 5%;
    right: 2%;
    width: 25%;
    z-index: 9999;
}

.modal-xl {
    width: 90%;
    max-width: none;
}

.height-auto {
    height: auto !important;
}

.onboarding-checklist {
    background-color: #ffffff;
    background-image: linear-gradient(315deg, #ffffff 0%, #d7e1ec 85%);
}
.get-started-onboarding-checklist a.action-link,
.onboarding-checklist a.action-link {
    color: #252525;
}
.get-started-onboarding-checklist a.action-link:hover>div {
    -webkit-box-shadow: 0 -100px 0 rgba(0,0,0,0.025) inset;
    box-shadow: 0 -100px 0 rgba(0,0,0,0.025) inset;
}
.get-started-onboarding-checklist a.action-link.completed:not(:hover) {
    text-decoration: line-through !important;
}

.mdi-checkbox-marked-circle-outline {
    /*color: rgba(0,0,0,0.15);*/
}

.hero-header-image {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 5px;
}

.nav-link-with-dropdown-trigger {
    position: relative;
    font-size: 15px;
}

.nav-link-with-dropdown-trigger .nav-link-with-dropdown {
    z-index: 100;
    position: absolute;
    pointer-events: none;
    top: 72px;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.5);
    transition: all .07s ease-in-out;
}
.nav-link-with-dropdown-trigger .nav-link-with-dropdown.solutions-menu-dropdown {
    left: -250px;
}
header.sp-header .nav-link-with-dropdown-trigger:hover .nav-link-with-dropdown {
    pointer-events: all;
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}
.sp-nav-dropdown-content-link {
    padding: 0.8rem;
    margin-bottom: .8rem;
}
.sp-nav-dropdown-content-link:hover {
    background: #e5f5f8;
    border-radius: 4px;
}
.sp-nav-dropdown-content-link .h5 {
    margin-bottom: 0
}
.sp-nav-dropdown-content-link:last-child {
    margin-bottom: 0;
}
.sp-nav-dropdown-content {
    position: relative;
    background: #fff;
    box-shadow: rgb(0 18 64 / 15%) 0px 2px 5px;
    max-width: 100%;
    border-radius: 4px;
    z-index: 99;
}
.sp-nav-dropdown-content .product-solutions {
    min-width: 250px;
}
.sp-nav-dropdown-content .lp-links a {
    color: #24b7fa;
}

.onboarding-welcome-modals .modal-body {
}
.onboarding-welcome-modals .modal-body .onboarding-welcome-modal-image-container {
    position: absolute;
    left: 50%;
    margin-left: -64px;
    top: 0;
    margin-top: -64px;
    height: 128px;
    width: 128px;
    border: 8px solid #ffffff;
}

.start-free-trial-container .form-control {
    padding: 11px;
    height: auto;
    letter-spacing: 0.03px;
    border-color: #5c7cfa !important;
}
.start-free-trial-container {
}
.start-free-trial-container .btn {
    padding: 11px;
}

.works-with-list-item img {
    height: 32px;
    width: 32px;
    margin-right: .75rem;
    margin-bottom: .75rem;
}
.works-with-list-item.wide img {
    width: auto;
}

.navigation-menu > li > a {
    cursor: pointer;
}

.text-linethrough,
.linethrough {
    text-decoration: line-through;
}
.text-underline,
.underline,
.text-underline-hover:hover {
    text-decoration: underline !important;
}
.text-underline.v2 {
    text-decoration: none !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #252525;
}
.text-underline.v2.underline-dashed {
    border-style: dashed;
}
.text-underline.underline-dotted,
.underline.underline-dotted {
    text-decoration-style: dashed !important;
}
.text-underline.underline-indigo5,
.underline.underline-indigo5 {
    text-decoration-color: #5c7cfa !important;
}
.text-underline.underline-success {
    text-decoration-color: #69df7d !important;
}
.text-underline.underline-danger {
    text-decoration-color: #ff5a51 !important;
}

.text-uppercase {
    text-transform: uppercase !important;
    letter-spacing: .075rem;
}

.plugins-container .plugin,
.integrations-container .integration {
    border-bottom: 1px solid #e9ecef;
}
.plugins-container .plugin p,
.integrations-container .integration p {
    color: rgba(37, 37, 37, 0.65);
    font-size: .87rem;
}
.plugin-icon,
.integration-icon {
    width: 56px;
    height: 56px;
}

.checklist-content .browser-sandbox {
    background: linear-gradient(to right, #8e44ad, #c0392b);
    display: flex;
    min-height: 400px;
    padding: 2rem 6rem;
    width: 100%;
    font-size: 0.93rem;
}
.checklist-content .browser-sandbox > .browser-mockup {
    background: #ffffff;
    border-top: 2rem solid rgba(230, 230, 230, 0.7);
    box-shadow: 0 0.1rem 1rem 0 rgba(0, 0, 0, 0.4);
    position: relative;
    border-radius: 3px 3px 0 0;
    flex: 1;
}
.checklist-content .browser-sandbox > .browser-mockup:before {
    display: block;
    position: absolute;
    content: '';
    top: -1.25rem;
    left: 1rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #f44;
    box-shadow: 0 0 0 2px #f44, 1.5rem 0 0 2px #9b3, 3rem 0 0 2px #fb5;
}
.checklist-content .browser-sandbox > .browser-mockup.with-tab:after {
    display: block;
    position: absolute;
    content: '';
    top: -2rem;
    left: 5.5rem;
    width: 20%;
    height: 0rem;
    border-bottom: 2rem solid white;
    border-left: 0.8rem solid transparent;
    border-right: 0.8rem solid transparent;
}
.checklist-content .browser-sandbox > .browser-mockup > * {
  display: block;
}

a[disabled],
a[disabled]:hover,
.disable-clicks {
   pointer-events: none;
}

.help-article-body {
    font-size: 1.1rem;
}
ol.help-article-steps {
    margin: 2rem 0 4rem;
    padding-inline-start: 20px;
}
ol.help-article-steps li.help-article-step {
    margin: 1rem 0;
    padding-left: .65rem;
}

.feature-callout {
    font: 0/0 a;
    width: 12px;
    height: 12px;
    background: #FFDD40;
    top: 3px;
    right: 9px;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 0 0 0 rgba(255,221,65,0.4);
    -webkit-animation: feature-pulse 2s infinite;
    animation: feature-pulse 2s infinite;
    opacity: 1;
    transition: all 0.3s ease;
}

#notifications-dropdown .feature-callout {
    top: 0;
    position: unset;
}
#notifications-dropdown:focus {
    box-shadow: none;
}

.navbar-onboarding-checklist {
    width: 380px;
    transform: none!important;
    top: 100%!important;
    right: 0!important;
    left: auto!important;
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 0.175rem;
}
.navbar-onboarding-checklist.show {
    opacity: 1;
    visibility: unset;
    transition: all 0.3s ease;
}
.navbar-onboarding-checklist-container {
    max-height: 260px;
    overflow-y: scroll;
}

.feature-callout.inline {
    position: static;
    display: inline-block;
}

.sidetab-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.sidetab {
    width: 100%;
     min-width: 100%;
     max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.tab-item {
    width: 100%;
    flex-basis: 100%;
    flex: 0 0 auto;
}

.animate.rotate {
    -webkit-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
}

.avatar {
    color: #fff;
    background-color: #f7f9fa;
    border: 2px solid #f7f9fa;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    overflow: hidden;
}
.opportunity .avatar {
    border-radius: 4px;
}
.card .avatar {
    border-color: #fff;
    background: #fff;
}
.avatar.no-border {
    border: none!important;
    box-shadow: 0 0rem .5rem rgba(0,0,0,0.15)!important;
}
.avatar.rounded-square {
    border-radius: .25rem !important;
}
.avatar>img {
    min-height: 100%;
}
.opportunity .avatar>img {
    min-height: unset;
}
.avatar-xs {
    width: 1.75rem;
    height: 1.75rem;
    font-size: .65625rem;
    line-height: 1.5;
    border-width: 1px;
    border-style: solid;
    min-width: 1.75rem;
}
.avatar-sm {
    width: 2.375rem;
    height: 2.375rem;
    font-size: .765625rem;
    line-height: .765625;
    min-width: 2.375rem;
}
.avatar-lg {
    width: 3.625rem;
    height: 3.625rem;
    font-size: 1rem;
    line-height: 1;
    min-width: 3.625rem;
}
.avatar-xl {
    width: 5.715rem;
    height: 5.715rem;
    font-size: 1.618rem;
    line-height: 1.618;
    min-width: 5.715rem;
}
.opportunity .avatar-sm {
    width: 2.375rem;
    height: 2.375rem;
    font-size: .765625rem;
    line-height: .765625;
    min-width: 2.375rem;
}
.opportunity .avatar-lg {
    width: 4.75rem;
    height: 4.75rem;
    font-size: 1rem;
    line-height: 1;
    min-width: 4.75rem;
}
.avatar-flag {
    height: 1.75rem;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.tip-box {
    border-left: .235rem solid #69df7d;
    border-radius: 0;
    font-weight: 600;
}
.tip-box .card-body {
    padding: .75rem;
    background: rgba(105, 223, 125, 0.065);
}
.tip-box.disabled {
    border-left: .235rem solid #343a40;
    border-radius: 0;
    font-weight: 600;
}
.tip-box.disabled .card-body {
    padding: .75rem;
    background: rgba(52, 58, 64, 0.065);
}
.tip-box.disabled .card-body h5 {
    color: #6c757d!important;
}
.information-box {
    border-left: .235rem solid #ffa629;
    border-radius: 0;
    font-weight: 600;
}
.information-box .card-body {
    padding: .75rem;
    background: rgba(255, 166, 41, 0.065);
}

.select-picker-dropdown-container {
    max-height: 44px;
    overflow: visible;
    position: relative;
}
.select-picker-dropdown {
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    display: none;
    left: 0;
    margin-top: .5rem;
    position: absolute;
    right: 0;
    z-index: 999999;
}
.select-picker-dropdown-searchbox-container {
    padding: .5rem;
    border-bottom: 1px solid #ced4da;
}
.select-picker-dropdown-options-container {
}
.select-picker-dropdown-option {
    padding: .5rem .75rem;
}
.select-picker-dropdown-option:hover {
    background-color: #cfe7ff;
}
.select-picker-dropdown-option:first-of-type {
    margin-top: .25rem;
}
.select-picker-dropdown-option:last-of-type {
    margin-bottom: .25rem;
}

.skeleton-card-container.reports-skeleton .skeleton-card-aggregate-count {
    height: 32px;
    width: 60px;
}

.skeleton-card-container.reports-skeleton .skeleton-card-source-name {
    height: 16px;
    width: 70px;
}

.skeleton-card-container.reports-skeleton .skeleton-card-most-active-country-name {
    height: 16px;
    width: 70px;
}

.skeleton-card-container.reports-skeleton .skeleton-card-most-visited-page-title {
    height: 16px;
    width: 110px;
}
.skeleton-card-container.reports-skeleton .skeleton-card-most-visited-page-url {
    margin-top: 5px;
    height: 13px;
    width: 90px;
}

.skeleton-card-container.reports-skeleton .skeleton-card-source-count,
.skeleton-card-container.reports-skeleton .skeleton-card-most-active-country-flag,
.skeleton-card-container.reports-skeleton .skeleton-card-most-active-country-count,
.skeleton-card-container.reports-skeleton .skeleton-card-most-visited-page-count {
    height: 16px;
    width: 19px;
}
.skeleton-card-container.reports-skeleton .skeleton-card-source-percentage,
.skeleton-card-container.reports-skeleton .skeleton-card-country-percentage,
.skeleton-card-container.reports-skeleton .skeleton-card-most-visited-page-percentage {
    margin-top: 5px;
    height: 13px;
    width: 40px;
}

.skeleton-card-container .skeleton-card-lead-flame,
.skeleton-card-container .skeleton-card-lead-action {
    width: 24px;
    height: 24px;
}
.skeleton-card-container .skeleton-card-lead-image {
    background: #E2E2E2 !important;
    border-radius: 50% !important;
    height: 58px;
    width: 58px;
    z-index: 20;
}
.skeleton-card-container .skeleton-card-lead-name{
    height: 16px;
    width: 130px;
}
.skeleton-card-container .skeleton-card-lead-email {
    height: 13px;
    width: 110px;
}
.skeleton-card-container .skeleton-card-lead-source,
.skeleton-card-container .skeleton-card-lead-last-visited {
    height: 16px;
    width: 70px;
}
.skeleton-card-container .skeleton-card-lead-visit-count {
    height: 16px;
    width: 70px;
}

.skeleton-loading-content {
    position: relative;
    background-color: #E2E2E2;
    border-radius: 0.125rem;
    overflow: hidden;
}
.skeleton-loading-content::after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .5), transparent);
    animation: loading 1s infinite;
}

@keyframes loading {
    100% {
        transform: translateX(100%);
    }
}

@-webkit-keyframes feature-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255,221,65,0.8);
    }
    70% {
        box-shadow: 0 0 0 14px rgba(255,221,65,0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255,221,65,0);
    }
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@-moz-keyframes rotation {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

@keyframes nav-pulse {
  0% {
      box-shadow: 0 0 0 0 rgba(255,221,65,0.8);
  }
  70% {
      box-shadow: 0 0 0 10px rgba(255,221,65,0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(255,221,65,0);
  }
}

/*****************

Write your CSS above this line.
Only media-query based CSS below.

*****************/

@media (min-width: 991px) {
}

@media only screen and (min-width: 992px) {
    .index-hero-right-container {
        height: 75%;
    }
    .w-lg-50 {
        width: 50%!important;
    }
}
@media only screen and (max-width: 991px) {
    .mobile-navigation {
        top: 80px;
    }
    #product-menu-mobile .homepage-menu-container,
    #solutions-menu-mobile .homepage-menu-container,
    #resources-menu-mobile .homepage-menu-container {
        padding: 24px !important;
        min-width: unset;
    }
    #product-menu-mobile .homepage-menu-container:nth-child(1),
    #resources-menu-mobile .homepage-menu-container:nth-child(1) {
        padding-bottom: 0px !important;
    }
    #product-menu-mobile .homepage-menu-container:last-child {
        padding-top: 0px !important;
    }
    .nav-link-with-dropdown-trigger:hover .nav-link-with-dropdown {
        display: none;
    }

    .index-hero-left-container {
        margin-top: 9rem;
    }

    .index-hero-left-container.order-1.order-lg-0,
    .case-study-container .index-hero-left-container.order-1,
    .customer-interview-container .index-hero-left-container.order-1 {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .index-hero-right-container img {
        max-width: 100%;
        height: auto !important;
    }

    body.landing-body.abstract-landing .belp-header,
    body.landing-body.abstract-landing .bg-blob-indigo5,
    body.landing-body .header-three-fourth {
        padding-top: 8rem !important;
    }
}

@media only screen and (min-width: 769px) {
    .bg-gradient-wave {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .bg-gradient-get-started .bg-gradient-hero {
        margin-top: 150px;
    }
    body:not(.salesforce-data-cloud-cdp-alternative-landing).free-trial-form-container {
        max-width: 450px;
    }
}

@media only screen and (max-width: 768px) {
    .bg-index-hero {
        background-image: none !important;
        background-position: center top !important;
    }

    body.index-body.index-landing h2.fsx3 {
        font-size: 2rem;
    }
    body.index-body.index-landing section.feature-block .sub-title {
        font-size: 1.125rem;
    }

    body.index-body.index-landing section.featured-clients-block,
    body.index-body.index-landing section.story-block,
    body.about-body.about-landing section.bg-home,
    body.about-body.about-landing section.story-block,
    body.index-body.index-landing section.testimonial-block,
    body.about-body.about-landing section.testimonial-block,
    body.index-body.index-landing section.feature-block,
    body.index-body.index-landing section.integrations-block,
    body.index-body.index-landing section.schedule-demo-block,
    body.index-body.index-landing section.help-center-block .col-lg-6+.col-lg-6 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    body.about-body.about-landing section.bg-home {
        padding-top: 8rem !important;
        padding-bottom: 2rem !important;
    }
    body.index-body.index-landing section.schedule-demo-block,
    body.about-body.about-landing section.schedule-demo-block {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;

    }

    .bg-wave-background-muted-bleed,
    .bg-wave-background-indigo-bleed {
        background-image: none!important;
    }


    body.index-body.index-landing section.usecases-block,
    body.index-body.index-landing section.schedule-demo-block {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.index-body.index-landing header.sp-header:not(.bg-white) .secondary-nav .navbar-link-item {
        color: #252525 !important;
    }

    body.index-body.index-landing header.sp-header:not(.bg-white) .secondary-nav a.cta > span {
        color: #5c7cfa;
        border-color: #5c7cfa;
    }

    body.index-body.index-landing header.sp-header:not(.bg-white) .secondary-nav a.cta > span:focus,
    body.index-body.index-landing header.sp-header:not(.bg-white) .secondary-nav a.cta > span:active {
        color: #ffffff;
    }

    .belp-header .index-hero-left-container {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .section.mini-section {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .home-desc-lower {
        vertical-align: middle;
        padding-bottom: 0;
    }
    .home-content-left {
        padding: 0;
        position: relative;
        width: 100%;
    }
    .home-content-left h1 {
        font-size: 2.6rem;
    }
    p.lead {
        font-size: 2rem;
    }
    .free-trial-form-container.w-75 {
        width: 100% !important;
    }
    .start-free-trial-container .valid-visitor-email-input {
        width: 100%;
        border-radius: 0.25rem !important;
        border-color: #ffffff;
        border-bottom: none;
        text-align: center;
    }
    .start-free-trial-container .input-group-append {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }
    .start-free-trial-container .free-trial-form-submit {
        width: 100%;
        border-radius: 0.25rem !important;
    }

    .get-started-container {
        padding-top: 90px;
    }
}


@media only screen and (max-width: 600px) {
    .home-content-left h1 {
        font-size: 2.2rem;
    }

    body.index-body.index-landing section.customer-stories-block {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .self-closing-alert-container {
        left: 2%;
        right: 2%;
        width: 96%;
    }
}

@media (min-width: 576px) and (max-width: 768px) {

    body.index-body.index-landing section.help-center-block .col-md-6:first-child {
        padding-top: 6rem;
    }
    body.landing-body.abstract-landing section.section.lp-section,
    body.landing-body.abstract-landing section.section.alp-section .alp-section-content-container,
    body.landing-body.abstract-landing section.section.alp-section .alp-section-image-container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    body.landing-body.abstract-landing section.section.lp-section.lp-section-lg,
    body.landing-body.abstract-landing section.section.alp-section.alp-section-lg .alp-section-content-container {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    body.landing-body.abstract-landing .belp-header,
    body.landing-body.abstract-landing .bg-blob-indigo5 {
        padding-top: 8rem !important;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .customers-landing .customer-logos-container .customer-logo {
        max-height: 24px;
        margin-top: 3rem !important;
    }

}

@media (max-width: 575px) {
    .cols-xs-space>div[class*='col-']:not(:last-child) {
        margin-bottom: 4rem;
    }

    body.landing-body.abstract-landing .belp-header {
        padding-top: 8rem !important;
    }

    body.landing-body.abstract-landing section.section.lp-section,
    body.landing-body.abstract-landing section.section.alp-section .alp-section-content-container,
    body.landing-body.abstract-landing section.section.alp-section .alp-section-image-container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    body.landing-body.abstract-landing section.section.lp-section.lp-section-lg,
    body.landing-body.abstract-landing section.section.alp-section.alp-section-lg .alp-section-content-container {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

body.upgrade-plans-page .upgrade-plans .btn {
    font-weight: 500;
    letter-spacing: 0.25px;
    text-transform: capitalize;
}

.pricing-plan-ribbon-container {
    position: relative;
}

.pricing-plan-ribbon-container .pricing-plan-ribbon-primary {
    background: #6658dd;
}
.pricing-plan-ribbon-container .pricing-plan-ribbon-info {
    background: #4fc6e1;
}
.pricing-plan-ribbon-container .pricing-plan-ribbon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    clear: both;
    padding: 10px;
    /*-webkit-box-shadow: 2px 5px 10px rgba(50,58,70,.15);
    box-shadow: 2px 5px 10px rgba(50,58,70,.15);*/
    color: #fff;
    font-size: .85rem;
    letter-spacing: .07rem;
    font-weight: 500;
}


.preloader-scan {
    position: relative;
    left: 0;
    right: 0;
    display: table;
    margin: 0 auto;
    height: 100%;
    text-align: center;
    z-index: 25;
}

.preloader-scan .reveal-before,
.preloader-scan .reveal-after {
    position: relative;
    top: 0;
    display: inline;
}

.preloader-scan .reveal-before {
    z-index: 24;
}
.preloader-scan.start .reveal-before {
    animation: hide 1s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

.preloader-scan .reveal-after {
    height: 0;
    transform: scale(0.7);
    opacity: 0;
    z-index: 23;
}

.preloader-scan.start .reveal-after {
    height: 0;
    transform: scale(0.7);
    opacity: 0;
    z-index: 23;
    animation: show 1s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

.preloader-scan .laser {
    display: none;
    width: 10%;
    height: 110%;
    position: absolute;
    border-radius: 4px;
    top: -5%;
    left: -10%;
    z-index: 99;
    background: rgba(183,222,237,0);
    background: -moz-linear-gradient(left, rgba(183,222,237,0) 0%, rgba(183,222,237,0.5) 50%, rgba(33,180,226,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(183,222,237,0)), color-stop(50%, rgba(183,222,237,0.5)), color-stop(100%, rgba(33,180,226,1)));
    background: -webkit-linear-gradient(left, rgba(183,222,237,0) 0%, rgba(183,222,237,0.5) 50%, rgba(33,180,226,1) 100%);
    background: -o-linear-gradient(left, rgba(183,222,237,0) 0%, rgba(183,222,237,0.5) 50%, rgba(33,180,226,1) 100%);
    background: -ms-linear-gradient(left, rgba(183,222,237,0) 0%, rgba(183,222,237,0.5) 50%, rgba(33,180,226,1) 100%);
    background: linear-gradient(to right, rgba(183,222,237,0) 0%, rgba(183,222,237,0.5) 50%, rgba(33,180,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#21b4e2', GradientType=1 );
}
.preloader-scan.start .laser {
    display: block;
    -webkit-animation: scanning 3s;
    animation: scanning 3s;
    animation-fill-mode: both;
}

@-webkit-keyframes beam {
    50% {
        opacity: 0;
    }
}

@keyframes beam {
    50% {
        opacity: 0;
    }
}
@-webkit-keyframes scanning {
    0% {
        top: 60%;
        opacity: 1;
    }
    90% {
        top: 80%;
        opacity: 1;
    }
    100% {
        top: 100%;
        opacity: 0;
        height: 0;
    }
}
@keyframes scanning {
    0% {
        left: -20%;
        opacity: 1;
    }
    70% {
        left: 110%;
        opacity: 1;
    }
    100% {
        left: 110%;
        opacity: 0;
        width: 0;
    }
}

@keyframes show {
    from {
        transform:scale(0.7);
        opacity:0
    }
    to {
        transform: scale(1);
        height: auto;
        opacity:1
    }
}

@keyframes hide {
    from {
        transform: scale(1);
        opacity:1
    }
    to {
        transform:scale(0.7);
        height: 0;
        opacity:0
    }
}

#zapier-integration-indicators .carousel-control-next-icon,
#setup-complete-whats-next .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fas' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'%3E%3C/path%3E%3C/svg%3E");
}
#zapier-integration-indicators .carousel-control-prev-icon,
#setup-complete-whats-next .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z'%3E%3C/path%3E%3C/svg%3E");
}
#zapier-integration-indicators .carousel-control-next {
    width: 10%;
    right: -12%;
}
#zapier-integration-indicators .carousel-control-prev {
    width: 10%;
    left: -12%;
}

#setup-complete-whats-next .carousel-control-next {
    width: 10%;
    right: -9%;
}
#setup-complete-whats-next .carousel-control-prev {
    width: 10%;
    left: -9%;
}


.btn-twitter {
    color: #fff;
    background: #00ACEE;
    border-color: #0075a2;
}

.btn-twitter:link, .btn-twitter:visited {
    color: #fff;
}

.btn-twitter:active, .btn-twitter:hover {
    background: #0075a2;
    color: #fff;
}

.cursor-pointer {
    cursor: pointer;
}
.cursor-not-allowed {
    cursor: not-allowed;
}
.cursor-help {
    cursor: help !important;
}
.cursor-default {
    cursor: default;
}

.settings-page-title-box .settings-page-title {
    margin: 0;
    line-height: 6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card.plugin-card .plugin-card-banner-container,
.card.integration-card .integration-card-banner-container {
    overflow: hidden;
    position: relative;
}
.card.plugin-card img.card-img-top,
.card.integration-card img.card-img-top {
    opacity: 1;
    transition: all 0.3s ease 0s;
}
.card.plugin-card:hover img.card-img-top,
.card.integration-card:hover img.card-img-top {
    opacity: 0.95;
    transform: scale(1.05, 1.05);
    transition: all 0.3s ease 0s;
}

.integration-card-banner-container .badge {
    position: absolute;
    bottom: 0;
    right: 0;
}
.active-zaps img {
    max-width: 1rem;
}

.attn-ripples {
    height: .6rem;
    width: .6rem;
    border-radius: 100%;
    background-color: #f5b172;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: height .25s ease, width .25s ease;
    transition: height .25s ease, width .25s ease;

    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.attn-ripples.align-right {
    left: unset !important;
    right: 0 !important;
}
.attn-ripples.align-middle {
    top: 50% !important;
    margin-top: -.3rem !important;
}
.attn-ripples.bg-indigo5 {
    background-color: rgba(92, 124, 250, 1) !important;
}
.attn-ripples.floating {
    position: absolute;
    top: -.3rem;
    left: unset;
    right: -.3rem;
    box-shadow: 0 0 0 .3rem #ffffff;
}
.attn-ripples.floating.no-box-shadow {
    box-shadow: none;
}
.attn-ripples.floating.pricing-experimental {
    top: .5rem;
}

.attn-ripples:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 100%;
    border:1px solid #f5b172;
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite;
}

.attn-ripples.bg-indigo5:before {
    background-color: rgba(92, 124, 250, 1) !important;
    border-color: rgba(92, 124, 250, 1) !important;
}

.attn-ripples:hover:before {
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes ripple{
    0% {-webkit-transform: scale(1); }
    50% {-webkit-transform: scale(1.5); opacity: 1;}
    100% {-webkit-transform: scale(2); opacity: 0;}
}

@keyframes ripple{
    0% {transform: scale(1); }
    50% {transform: scale(1.5); opacity: 1;}
    100% {transform: scale(2); opacity: 0;}
}

.animated.super-fast {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}


.settings-toggle-btn-wrapper.inactive,
.settings-toggle-btn-wrapper.inactive .text-muted {
    color: #aab0b5 !important;
}

form#display-range-setting:not(.display-range-setting-for-surging-leads-dashboard) {
    width: 40vw;
}
form#display-range-setting .radio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #f1f1f1;
    color: #666;
    top: 0;
    height: 30px;
    width: 30px;
    border: 0;
    border-radius: .125rem;
    cursor: pointer;
    margin-right: 7px;
    outline: none;
}
form#display-range-setting .radio input[type="radio"]:checked::before {
    position: absolute;
    font: 13px/1 'Nunito', sans-serif;
    left: 11px;
    top: 7px;
    content: '\02143';
    font-weight: 500;
    transform: rotate(40deg);
}

form#display-range-setting .settings-toggle-btn {
  background-color: #25cc84;
  width: 2rem;
  height: calc(.8rem + 4px);
  border-radius: 1.25rem;
  border: 2px solid #25cc84;
  transition: all 300ms ease-in-out;
}
form#display-range-setting .settings-toggle-btn .knob {
  height: .8rem;
  width: .8rem;
  border-radius: 1.25rem;
  border: 1px solid #fff;
  box-shadow: 0px 1px 3px rgba(30, 30, 30, 0.3);
  background: #fff;
  transition: all 300ms ease-in-out;
}
form#display-range-setting .settings-toggle-btn.active {
  background-color: #a2a8d3;
  border: 2px solid #a2a8d3;
}
form#display-range-setting .settings-toggle-btn.active .knob {
  transform: translate( calc(.8rem + 2px) );
}

form#display-range-setting .dropdown-item.active,
form#display-range-setting .dropdown-item:active {
    color: initial;
    background-color: transparent;
    opacity: .75;
}

.badge-active-filters .form-check-label {
    cursor: pointer;
}
.display-range-setting-for-surging-leads-dashboard .badge-active-filters {
    border-radius: 0;
    border-top: 1px solid #a5b9ff;
    border-bottom: 1px solid #a5b9ff;
    border-left: 1px solid #a5b9ff;
}
.display-range-setting-for-surging-leads-dashboard .badge-active-filters:not(.active) {
    background: #ffffff!important;
}
.display-range-setting-for-surging-leads-dashboard .badge-active-filters:not(.active):hover {
    background: #f4f6ff!important;
}
.display-range-setting-for-surging-leads-dashboard .badge-active-filters:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.display-range-setting-for-surging-leads-dashboard .badge-active-filters:last-child {
    border-right: 1px solid #a5b9ff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.feed-filters-list .filter-badge,
.utm-parameters-list .parameter-badge {
    padding: 0;
    margin: .15rem .5rem .15rem 0;
    border-radius: .125rem;
    border-style: solid;
    border-width: 2px;
    border-color: #343a40;
    overflow: hidden;
    box-sizing: border-box;
    display: inline-block;
    font-size: .75rem;
}
.feed-filters-list .filter-badge .filter-key,
.utm-parameters-list .parameter-badge .parameter-key,
.feed-filters-list .filter-badge .filter-value,
.utm-parameters-list .parameter-badge .parameter-value {
    box-sizing: border-box;
    padding: .4rem;
}
.feed-filters-list .filter-badge .filter-key,
.utm-parameters-list .parameter-badge .parameter-key {
    background: #343a40;
    color: #ffffff;
    letter-spacing: .07rem;
}
.feed-filters-list .filter-badge .filter-value,
.utm-parameters-list .parameter-badge .parameter-value {
    letter-spacing: .04rem;
}
.feed-filters-list .filter-badge:not(:last-child),
.utm-parameters-list .parameter-badge:not(:last-child) {
    margin-right: .5rem;
}
.dashboard-list-row .filter-badge {
    max-width: 480px;
}

form.form.form-with-toggle-btns .settings-toggle-btn {
  background-color: #999999;
  width: 2rem;
  height: calc(.8rem + 4px);
  border-radius: 1.25rem;
  border: 2px solid #999999;
  transition: all 300ms ease-in-out;
}
form.form.form-with-toggle-btns .settings-toggle-btn .knob {
  height: .8rem;
  width: .8rem;
  border-radius: 1.25rem;
  border: 1px solid #fff;
  box-shadow: 0px 1px 3px rgba(30, 30, 30, 0.3);
  background: #fff;
  transition: all 300ms ease-in-out;
}
form.form.form-with-toggle-btns .settings-toggle-btn.active {
  background-color: #25cc84;
  border: 2px solid #25cc84;
}
form.form.form-with-toggle-btns .settings-toggle-btn.active .knob {
  transform: translate( calc(.8rem + 2px) );
}

form#feed-notifications-preferences .settings-toggle-btn,
form#lead-scoring-form .settings-toggle-btn,
form#advanced-tracking-settings .settings-toggle-btn,
.api-keys-list .settings-toggle-btn {
  background-color: #999999;
  width: 2rem;
  height: calc(.8rem + 4px);
  border-radius: 1.25rem;
  border: 2px solid #999999;
  transition: all 300ms ease-in-out;
}
form#feed-notifications-preferences .settings-toggle-btn .knob,
form#lead-scoring-form .settings-toggle-btn .knob,
form#advanced-tracking-settings .settings-toggle-btn .knob,
.api-keys-list .settings-toggle-btn .knob {
  height: .8rem;
  width: .8rem;
  border-radius: 1.25rem;
  border: 1px solid #fff;
  box-shadow: 0px 1px 3px rgba(30, 30, 30, 0.3);
  background: #fff;
  transition: all 300ms ease-in-out;
}
form#feed-notifications-preferences .settings-toggle-btn.active,
form#lead-scoring-form .settings-toggle-btn.active,
form#advanced-tracking-settings .settings-toggle-btn.active,
.api-keys-list .settings-toggle-btn.active {
  background-color: #25cc84;
  border: 2px solid #25cc84;
}
form#feed-notifications-preferences .settings-toggle-btn.active .knob,
form#lead-scoring-form .settings-toggle-btn.active .knob,
form#advanced-tracking-settings .settings-toggle-btn.active .knob,
.api-keys-list .settings-toggle-btn.active .knob {
  transform: translate( calc(.8rem + 2px) );
}


form#pipedrive-integration-settings .settings-toggle-btn,
form#zoho-integration-settings .settings-toggle-btn,
form#salesforce-integration-settings .settings-toggle-btn {
  background-color: #999999;
  width: 2rem;
  height: calc(.8rem + 4px);
  border-radius: 1.25rem;
  border: 2px solid #999999;
  transition: all 300ms ease-in-out;
}
form#pipedrive-integration-settings .settings-toggle-btn .knob,
form#zoho-integration-settings .settings-toggle-btn .knob,
form#salesforce-integration-settings .settings-toggle-btn .knob {
  height: .8rem;
  width: .8rem;
  border-radius: 1.25rem;
  border: 1px solid #fff;
  box-shadow: 0px 1px 3px rgba(30, 30, 30, 0.3);
  background: #fff;
  transition: all 300ms ease-in-out;
}
form#pipedrive-integration-settings .settings-toggle-btn.active,
form#zoho-integration-settings .settings-toggle-btn.active,
form#salesforce-integration-settings .settings-toggle-btn.active {
  background-color: #25cc84;
  border: 2px solid #25cc84;
}
form#pipedrive-integration-settings .settings-toggle-btn-wrapper.inactive .settings-toggle-btn.active,
form#zoho-integration-settings .settings-toggle-btn-wrapper.inactive .settings-toggle-btn.active,
form#salesforce-integration-settings .settings-toggle-btn-wrapper.inactive .settings-toggle-btn.active {
    background-color: #93ccb4;
    border: 2px solid #93ccb4;
}
form#pipedrive-integration-settings .settings-toggle-btn.active .knob,
form#zoho-integration-settings .settings-toggle-btn.active .knob,
form#salesforce-integration-settings .settings-toggle-btn.active .knob {
  transform: translate( calc(.8rem + 2px) );
}

form.form.sp-form .settings-toggle-btn,
#lead-scoring-rules .settings-toggle-btn {
  background-color: #999999;
  width: 2rem;
  height: calc(.8rem + 4px);
  border-radius: 1.25rem;
  border: 2px solid #999999;
  transition: all 300ms ease-in-out;
}
form.form.sp-form .settings-toggle-btn .knob,
#lead-scoring-rules .settings-toggle-btn .knob {
  height: .8rem;
  width: .8rem;
  border-radius: 1.25rem;
  border: 1px solid #fff;
  box-shadow: 0px 1px 3px rgba(30, 30, 30, 0.3);
  background: #fff;
  transition: all 300ms ease-in-out;
}
form.form.sp-form .settings-toggle-btn.active,
#lead-scoring-rules .settings-toggle-btn.active {
  background-color: #25cc84;
  border: 2px solid #25cc84;
}
form.form.sp-form .settings-toggle-btn.active .knob,
#lead-scoring-rules .settings-toggle-btn.active .knob {
  transform: translate( calc(.8rem + 2px) );
}

.settings-toggle-btn-container .settings-toggle-btn {
  background-color: #999999;
  width: 2rem;
  height: calc(.8rem + 4px);
  border-radius: 1.25rem;
  border: 2px solid #999999;
  transition: all 300ms ease-in-out;
}
.settings-toggle-btn-container .settings-toggle-btn .knob {
  height: .8rem;
  width: .8rem;
  border-radius: 1.25rem;
  border: 1px solid #fff;
  box-shadow: 0px 1px 3px rgba(30, 30, 30, 0.3);
  background: #fff;
  transition: all 300ms ease-in-out;
}
.settings-toggle-btn-container .settings-toggle-btn.active {
  background-color: #25cc84;
  border: 2px solid #25cc84;
}
.settings-toggle-btn-container .settings-toggle-btn.active .knob {
  transform: translate( calc(.8rem + 2px) );
}

*[data-readmore-candidate="true"] {
    overflow-y: hidden;
    max-height: 69px;
}
p[data-readmore-candidate="true"] {
    margin-bottom: 0;
}
a#readmore-show,
a#readmore-hide {
    clear: both;
    display: block;
    overflow: hidden;
    font-size: .75rem;
    text-align: center;
    padding: 0.25rem;
    margin: .5rem 0 .5rem;
}
a#readmore-show {
    box-shadow: 0 -5px 5px rgba(0,0,0,0.03);
}

.subscription-expired-hero {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #ffffff;
    z-index: 999999999;
}
.subscription-expired-hero-content img.halted-feature-img {
    max-height: 5rem;
}

.progress-wizard-steps,
.billing-progress-steps {
    display: block;
    width: 100%;
    position: relative;
}
.progress-wizard-steps:after,
.billing-progress-steps:after {
    content: "";
    display: table;
    clear: both;
}
.progress-wizard-steps-item,
.billing-progress-steps-item {
    padding: 0;
    position: relative;
    display: block;
    float: left;
    width: 33.33%;
    text-align: center;
}
.progress-wizard-steps-item-content,
.billing-progress-steps-item-content {
    display: inline-block;
}
.progress-wizard-steps-item-icon,
.billing-progress-steps-item-icon {
    background: #eceff1;
    color: #8191ab;
    display: block;
    border-radius: 100%;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto 10px auto;
    position: relative;
    font-size: 12px;
    font-weight: 600;
    z-index: 2;
}
.progress-wizard-steps-item-text,
.billing-progress-steps-item-text {
    font-size: 13px;
    color: #8191ab;
    font-weight: 500;
}
.progress-wizard-steps-item-line,
.billing-progress-steps-item-line {
    display: inline-block;
    height: 3px;
    width: 100%;
    background: #cfd8dc;
    float: left;
    position: absolute;
    left: -50%;
    top: 12px;
    z-index: 1;
}
.progress-wizard-steps-item-active .progress-wizard-steps-item-icon,
.billing-progress-steps-item-active .billing-progress-steps-item-icon {
    background: #00aeef;
    color: #ffffff;
}
.progress-wizard-steps-item-active .progress-wizard-steps-item-text,
.billing-progress-steps-item-active .billing-progress-steps-item-text {
    font-weight: 700;
    color: #4f5e77;
}
.progress-wizard-steps-item-active .progress-wizard-steps-item-line,
.billing-progress-steps-item-active .billing-progress-steps-item-line {
    background: #00aeef;
}
.progress-wizard-steps-completed .progress-wizard-steps-text,
.billing-progress-steps-item-completed .billing-progress-steps-item-text {
    font-weight: 700;
    color: #4f5e77;
}
.progress-wizard-steps-item-completed .progress-wizard-steps-item-icon,
.billing-progress-steps-item-completed .billing-progress-steps-item-icon {
    background: #00aeef;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDkuMTIgNyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkuMTIgMS4wNkw4LjA2IDAgMy4xOCA0Ljg4IDEuMDYgMi43NiAwIDMuODIgMy4xOCA3bDUuOTQtNS45NHoiLz48L3N2Zz4=);
    color: transparent;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.progress-wizard-steps-item-completed .progress-wizard-steps-item-line,
.billing-progress-steps-item-completed .billing-progress-steps-item-line {
    background: #00aeef;
}
.progress-wizard-steps.two-steps .progress-wizard-steps-item {
    padding: 0;
    position: relative;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
}

.cc-image {
    max-height: 1.75rem;
}
.w-60 {
    width: 58.5%!important;
    margin-right: 1.5%
}
.w-40 {
    width: 38.5%!important;
    margin-left: 1.5%
}

#switch-feed-dropdown-trigger {
    font-size: 1rem
}

#switch-feed-dropdown-trigger.dropdown-toggle:after {
    margin-left: .5rem;
}
.switch-feed-dropdown-container {
    max-height: 450px;
    overflow-y: scroll;
}

.feed-opportunity-company-logo {
    width: 3.625rem;
    min-width: 3.625rem;
    height: 3.625rem;
    overflow: hidden;
}

.dashboard-body.alt.collapse-dashboard-submenu .feed-opportunity-company-logo {
    width: 2.375rem;
    min-width: 2.375rem;
    height: 2.375rem;
}

.form.hide-company-form .form-group ul.form-control-radio-inline .list-inline-item {
}

.form.hide-company-form label {
    text-align: center;
    display: block;
    margin-bottom: .3rem;
}

.form.hide-company-form label input[type="radio"] {
    display: block;
    margin: .4rem auto;
}

.default-feeds-container .default-feeds-header {
    position: absolute;
    top: -.6rem;
}

input.lead-scoring-points-input {
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-top-color: unset!important;
    border-left-color: unset!important;
    border-right-color: unset!important;
    width: 3.5rem;
    text-align: center;
}
input.lead-scoring-points-input:focus {
    outline: none!important;
}

.lead-scoring-form .avatar-xs {
    min-width: 1.75rem;
}
.feed-filters .bootstrap-tagsinput,
.visitor-tags-tagsinput-form .bootstrap-tagsinput,
.team-member-invitation-form .bootstrap-tagsinput,
.emails-input .bootstrap-tagsinput,
.feed-trigger-job-titles-input .bootstrap-tagsinput,
.tags-to-add .bootstrap-tagsinput,
.lead-scoring-form .bootstrap-tagsinput {
    width: 100%;
    padding: .3rem .75rem;
}
.form.feed-filters.bootstrap-tagsinput-form .bootstrap-tagsinput,
.form.lead-scoring-form.bootstrap-tagsinput-form .bootstrap-tagsinput {
    padding: 0 .5rem .5rem 0;
}
.form.feed-filters.bootstrap-tagsinput-form .bootstrap-tagsinput .twitter-typeahead::after,
.form.lead-scoring-form.bootstrap-tagsinput-form .bootstrap-tagsinput .twitter-typeahead::after {
    content: "ready";
    color: #525252;
    display: none;
    right: 0rem;
    font-size: 13px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.form.feed-filters.bootstrap-tagsinput-form .bootstrap-tagsinput .twitter-typeahead.tagsinput-fetching::after,
.form.lead-scoring-form.bootstrap-tagsinput-form .bootstrap-tagsinput .twitter-typeahead.tagsinput-fetching::after {
    content: "fetching...";
    display: inline;
    padding: 0 0 0 6px;
    background-color: #fff;
}
.form.feed-filters.bootstrap-tagsinput-form .bootstrap-tagsinput .twitter-typeahead.tagsinput-empty::after,
.form.lead-scoring-form.bootstrap-tagsinput-form .bootstrap-tagsinput .twitter-typeahead.tagsinput-empty::after {
    color: #FF5733;
    content: attr(data-after);
    display: inline;
}
#feed-notifications-preferences .form-control,
.lead-scoring-form .bootstrap-tagsinput,
.lead-scoring-form .select2-selection.select2-selection--multiple.form-control,
.feed-filters .bootstrap-tagsinput,
.visitor-tags-tagsinput-form .bootstrap-tagsinput,
.feed-filters .select2-selection.select2-selection--multiple.form-control,
.select2-form .select2-selection.select2-selection--multiple.form-control,
#email-tracking-link-generator-form .select2-selection {
    border: 1px solid #ced4da;
    border-radius: .25rem!important;
    color: #495057;
    height: auto;
    min-height: calc(2.625rem + 2px);
}
#email-tracking-link-generator-form input#static-tracked-website,
#email-tracking-link-generator-form .select2-selection,
#email-tracking-link-generator-form a#email-marketing-tool-copy-others {
    height: 44px;
}
.visitor-tags-tagsinput-form .bootstrap-tagsinput {
    padding: .5rem;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.625rem + 2px);
}

.bootstrap-tagsinput-form .tags-container .select2-container--default .select2-selection--multiple .select2-selection__choice,
.bootstrap-tagsinput-form .bootstrap-tagsinput .tag,
#sp_global_search_results .recent-search-term {
    background-color: #5c7cfa !important;
    border-color: #5c7cfa !important;
    color: #ffffff !important;
    font-weight: 600;
}
.bootstrap-tagsinput-form .bootstrap-tagsinput .tag span {
    color: #ffffff !important;
}

.bootstrap-tagsinput-form .bootstrap-tagsinput-exclude-filter .bootstrap-tagsinput .tag {
    background-color: #ff5a51 !important;
    border-color: #ff5a51 !important;
    color: #ffffff !important;
    font-weight: 400;
}

.bootstrap-tagsinput-form .bootstrap-select .dropdown-toggle:focus,
.bootstrap-tagsinput-form .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: 0 !important;
    outline-offset: 0;
}
.bootstrap-select .dropdown-menu li a.opt {
    padding-left: 1.5rem;
}
.bootstrap-select .dropdown-menu li a.opt>span {
    margin-left: 0.4rem;
}


.bootstrap-tagsinput-form .bootstrap-tagsinput,
.team-member-invitation-form .bootstrap-tagsinput {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 .5rem 0;
    border-radius: .25rem !important;
}

.bootstrap-tagsinput-form .bootstrap-tagsinput .label,
.team-member-invitation-form .bootstrap-tagsinput .label,
#sp_global_search_results .recent-search-term {
    margin-top: .5rem;
    margin-left: .5rem;
    display: -webkit-flex;
    display: -moz-flex;
    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;
}
.bootstrap-tagsinput-form .bootstrap-tagsinput .twitter-typeahead,
.team-member-invitation-form .bootstrap-tagsinput .twitter-typeahead {
    flex-grow: 1;
    margin-top: .5rem;
    margin-left: .5rem;
}
.bootstrap-tagsinput-form .bootstrap-tagsinput .twitter-typeahead .tt-input,
.team-member-invitation-form .bootstrap-tagsinput .twitter-typeahead .tt-input {
    width: 100%;
}

.lead-scoring-form input.form-control,
.lead-scoring-form select.form-control,
.feed-filters input.form-control,
.visitor-tags-tagsinput-form input.form-control,
.feed-filters select.form-control {
    font-size: .93rem;
}

.visitor-tags-tagsinput-form .bootstrap-tagsinput input {
    width: 73%;
}

.lead-scoring-rule-groups-container {
    overflow: hidden;
}
.lead-scoring-rule-groups-container .lead-scoring-rule-text {
    display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
}
.bg-lead-score-total {
    background: rgb(76,121,245);
    background: -moz-linear-gradient(90deg, rgba(76,121,245,1) 0%, rgba(71,129,246,1) 57%, rgba(61,146,248,1) 80%, rgba(51,162,250,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(76,121,245,1) 0%, rgba(71,129,246,1) 57%, rgba(61,146,248,1) 80%, rgba(51,162,250,1) 100%);
    background: linear-gradient(90deg, rgba(76,121,245,1) 0%, rgba(71,129,246,1) 57%, rgba(61,146,248,1) 80%, rgba(51,162,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c79f5",endColorstr="#33a2fa",GradientType=1);
}
.dashboard-body.alt .lead-scoring-rule-groups-scroll-triggers.btn-group .btn {
    padding: .25rem .5rem;
}
.dashboard-body.alt .lead-scoring-rule-groups-scroll-triggers.btn-group .btn.lead-scoring-rule-groups-scroll-right-trigger:after {
    display: none;
}

.punkt {
    width: 8px;
    height: 8px;
    min-width: 8px;
    min-height: 8px;
    display: inline-block;
    top: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 1);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.4);
}

.punkt.punkt-success {
    background: rgba(40, 167, 69, 1) !important;
}
.punkt.punkt-indigo5 {
    background: rgba(92, 124, 250, 1) !important;
}
.punkt.punkt-inactive {
    background: rgba(173, 173, 173, 1) !important;
}

.features-tabbed-carousel {}
.features-tabs-container {}
.features-tab-container {

}
.features-tab-container.active + .features-tab-container,
.features-tab-container.active,
.features-tab-container:first-child {
    border-top: 1px solid transparent;
}

.features-tab {
    border-radius: .5rem!important;
    color: #343a40;
    transition-timing-function: ease-in-out;
    transition-property: box-shadow, background-color;
    transition-duration: 0.5s;
    padding: .75rem 1.5rem !important;
}
.features-tab:hover {
    background-color: #ffffff;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.nav-pills .nav-link.features-tab.active {
    padding: 1.5rem 1.5rem !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    background-color: #ced8fe;
}
.features-tab.active .feature-description-container {
    display: block;
}
.features-tab .feature-description-container {
    display: none;
    transition: all 0.3s;
}

.features-tab span {
    line-height: 1;
}

.footer-trial-banner {
    background: #263340 url("../images/footer-background-resized.png") no-repeat top center / cover;
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
}
.footer-trial-banner.footer-partners-banner {
    background: #263340 url("../images/footer-partners-bg-resized.png") no-repeat top center / cover;
}

.page-visit-duration-badge,
.visitor-activity-info-badge {
    font-weight: 400;
    font-size: .625rem;
    letter-spacing: .45px;
    border-radius: .125rem;
}

.eminent-trial-expiry-banner-container .close {
    position: absolute;
    top: 50%;
    margin-top: -.75rem;
    right: 2rem;
}

.belp-header {
    min-height: 100vh;
}
.belp-tag.belp-category {
    padding-bottom: .25rem;
    border-bottom: 2px solid;
}

.customer-interview-header.customer-interview-appybee {
    background-color: #FDC714;
}

.customer-interview-header.customer-interview-advendio {
    background-image: -webkit-gradient(linear, left bottom, right top, from(#0080D4), color-stop(#4E73D5), color-stop(#965EC2), color-stop(#C2469F), color-stop(#D83471), to(#D83C40));
    background-image: -webkit-linear-gradient(left bottom, #0080D4, #4E73D5, #965EC2, #C2469F, #D83471, #D83C40);
    background-image: -o-linear-gradient(left bottom, #0080D4, #4E73D5, #965EC2, #C2469F, #D83471, #D83C40);
    background-image: linear-gradient(to right top, #0080D4, #4E73D5, #965EC2, #C2469F, #D83471, #D83C40);
}
.case-study-header.case-study-rst-bialystok {
    background-image: -webkit-gradient(linear, left bottom, right top, from(#0098BD), color-stop(#009575), to(#008E21));
    background-image: -webkit-linear-gradient(left bottom, #0098BD, #009575, #008E21);
    background-image: -o-linear-gradient(left bottom, #0098BD, #009575, #008E21);
    background-image: linear-gradient(to right top, #0098BD, #009575, #008E21);
}
.case-study-header.case-study-ab180,
.case-study-header.case-study-regrid,
.customer-interview-header.customer-interview-cap-expand,
body.landing-body .customer-interview-header.customer-interview-testify {
    background-size: cover;
    background-position: center center;
    background-image: url('../images/banners/blur-scene-01.svg');
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
}
body.landing-body .customer-interview-header.customer-interview-testify {
    background: rgb(20,184,166);
    background: -moz-linear-gradient(291deg, rgba(20,184,166,1) 0%, rgba(34,197,94,1) 100%);
    background: -webkit-linear-gradient(291deg, rgba(20,184,166,1) 0%, rgba(34,197,94,1) 100%);
    background: linear-gradient(291deg, rgba(20,184,166,1) 0%, rgba(34,197,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#14b8a6",endColorstr="#22c55e",GradientType=1);
}

.customer-interview-header.customer-interview-pmb {
    background-image: -webkit-gradient(linear, left bottom, right top, from(#007563), color-stop(#008B4E), color-stop(#009E33), color-stop(#6EAF0C), color-stop(#B8BB00), to(#FFC107));
    background-image: -webkit-linear-gradient(left bottom, #007563, #008B4E, #009E33, #6EAF0C, #B8BB00, #FFC107);
    background-image: -o-linear-gradient(left bottom, #007563, #008B4E, #009E33, #6EAF0C, #B8BB00, #FFC107);
    background-image: linear-gradient(to right top, #007563, #008B4E, #009E33, #6EAF0C, #B8BB00, #FFC107);
}

.customer-interview-header.customer-interview-cxc {
    background-image: -webkit-gradient(linear, left bottom, right top, from(#0A6461), to(#14745C));
    background-image: -webkit-linear-gradient(left bottom, #0A6461, #14745C);
    background-image: -o-linear-gradient(left bottom, #0A6461, #14745C);
    background-image: linear-gradient(to right top, #0A6461, #14745C);
}

.customer-interview-header.customer-interview-voxie {
    background-image: -webkit-gradient(linear, left bottom, right top, from(#0eabdf), color-stop(#0080D4), to(#374a5e));
    background-image: -webkit-linear-gradient(left bottom, #0eabdf, #0080D4, #374a5e);
    background-image: -o-linear-gradient(left bottom, #0eabdf, #0080D4, #374a5e);
    background-image: linear-gradient(to right top, #0eabdf, #0080D4, #374a5e);
}
.customer-interview-header.customer-interview-pinnacle {
    background-color: #A3BFFA;
}
/*.customer-interview-header.customer-interview-pmb {
    position: relative;
}
.customer-interview-header.customer-interview-pmb:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('../images/customers-assets/pmb-regionale-everage-wall.jpg');
    background-size: cover;
    background-position: top center;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: -1;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}*/


.letter-spacing-xs {
    letter-spacing: .15rem;
    padding-left: .15rem;
}
.letter-spacing-sm {
    letter-spacing: .25rem;
    padding-left: .25rem;
}
.letter-spacing-md {
    letter-spacing: .35rem;
    padding-left: .35rem;
}
.letter-spacing-lg {
    letter-spacing: .5rem;
    padding-left: .5rem;
}

.sticky-top {
    position: sticky !important;
}
.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
}

.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

section.header-one-third {
    min-height: 33.33vh;
}
section.header-half {
    min-height: 50vh;
}
section.header-two-third {
    min-height: 66.66vh;
}
section.header-three-fourth {
    min-height: 75vh;
}
.bg-trianglify {
    background-image: url('../images/trianglify.svg');
    background-size: cover;
    background-position: center center;
}
.bg-wave-background-muted-bleed {
    background-image: url('../images/banners/bg-wave-background-muted-bleed.svg');
    background-size: cover;
    background-position: top;
}
.bg-wave-background-indigo {
    background-color: #715DF2;
}
.bg-wave-background-indigo-bleed {
    background-image: url('../images/banners/bg-wave-background-indigo-bleed.svg');
    background-size: cover;
    background-position: top;
}

.stretch-height-50 {
    display: flex;
    flex-flow: row;
    min-height: 50vh;
}
.stretch-height-100 {
    display: flex;
    flex-flow: row;
    min-height: 100vh;
}

.onboarding-progress {
    flex-basis: 35%;
}

.post-signup-interview-form input,
.post-signup-interview-form select,
.post-signup-interview-form textarea {
    padding: 0 1.25rem;
    font-size: 1rem;
    line-height: 1;
    border-width: 2px;
}
.post-signup-interview-form textarea {
    padding: 1.25rem 1.25rem;
}

.post-signup-interview-form .intl-tel-input {
    display: block !important;
}

#pipedrive-integration-settings-carousel .carousel-caption {
    bottom: 0 !important;
    width: 100%;
    left: 0 !important;
    background-color: rgba(25, 25, 25, .5);
}

.integration-logo {
    color: #fff;
    background-color: #f7f9fa;
    border: 2px solid #f7f9fa;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    height: 128px;
    width: 128px;
    overflow: hidden;
}

.partner-program-features .card.partner-program-feature .card-icon {
    height: 6rem;
    width: 6rem;
    position: absolute;
    top: -3rem;
}

.get-featured-container {
    min-height: 100vh;
}

.get-featured-column {
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 400px;
    background-color: #21D4FD;
    background-image: linear-gradient(135deg, #21D4FD 0%, #B721FF 100%);
}

.get-featured-ghost-screen-container {
    margin-left: 400px;
}

.landing-body.abstract-landing.partners-landing .feature-container {
    margin-top: 5rem;
}

.lp-content-block {
    padding: 2rem;
    max-width: 1366px;
    margin: 0 auto;
}

.lp-content-block p {
    line-height: 1.5;
    font-size: 18px;
    letter-spacing: .25px;
}

.content-block-title {
    margin-bottom: 2.125rem;
}

[v-cloak] {
  display: none;
}

.feed-create-form-actions-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99;
    left: 0;
    right: 0;
    padding: 0 0 0 64px;
}
#feed-create-form .bootstrap-select .dropdown-menu:not(.inner) {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 15px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
#segment-filter-floating-help-container {
    width: 450px;
    position: absolute;
    left: calc(100% - 3px);
    top: 100%;
    display: none;
    z-index: 1000;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 15px;
    overflow-y: scroll!important;
}

/* Hide spin buttons for WebKit browsers */
.inputs-with-datalist-container input[type="number"]::-webkit-inner-spin-button,
.inputs-with-datalist-container input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide dropdown arrow for WebKit browsers */
.inputs-with-datalist-container input::-webkit-calendar-picker-indicator {
    display: none;
}

/* Hide spin buttons for Firefox */
.inputs-with-datalist-container input[type="number"] {
    -moz-appearance: textfield;
}


.plan-details-collapse ul,
.plan-details-collapse ol {
    margin-top: 1rem;
}
.plan-details-collapse ol li,
.plan-details-collapse ul li {
    margin-bottom: .75rem;
}
.plan-details-collapse ol li:last-child,
.plan-details-collapse ul li:last-child {
    margin-bottom: 0;
}

.custom-date-selector-container .input-daterange-container .input-daterange input {
    padding: 0;
    font-size: 80%;
    margin: 0;
    background: transparent;
    border-radius: 0;
    border-width: 1px;
    border-color: #A0AEC0;
}
.input-daterange-container .input-daterange input:focus,
.custom-date-selector-container #custom-date-selector-btn:focus {
    outline: none;
    box-shadow: none;
}

.segment-rule {
    position: relative;
}
.segment-rule:before {
    background-color: #C3DAFE;
    color: #434190;
    padding: .05rem .25rem;
    border-radius: .25rem;
    position: absolute;
    top: 20%;
    left: .5%;
}
.segment-rule:first-child:before {
    content: "If";
    padding: .05rem .75rem;
}
.segment-rule:not(:first-child):before {
    content: "and";
}

.ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ellipsis.lines-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.customer-interview-container .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.customer-interview-container .video-container iframe,
.customer-interview-container .video-container object,
.customer-interview-container .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.customer-interview-container .blockquote {
    border-left: 8px solid #5c7cfa;
    font-weight: 400;
    line-height: 1.25;
    margin: 32px 0;
    padding-left: 40px;
    text-align: right
}
.customer-interview-container .blockquote p {
    font-style: italic;
    font-size: 24px;
    line-height: 1.85;
    font-weight: 400;
    text-align: left;
}
.customer-interview-container .blockquote span {
    font-size: 24px;
    margin-top: 16px;
}


.plan-upgrade-required-container {
    z-index: 10 !important;
    width: 300px;
}
.assign-visitor-popper-container {
    z-index: 10 !important;
    width: 380px;

}

.delete-visitor-popper-container {
    z-index: 10 !important;
    width: 380px;

}

.delete-visitor-popper-container.v2 {
    width: 540px;
}
.opportunity .delete-visitor-popper-container.v2 {
    width: 600px;
}

#csv-file-upload {
    padding-bottom: 4rem;
    padding-top: 4rem;
    background-color: #EDF2F7;
    color: #2D3748;
    border: 2px dashed #2D3748;
    border-radius: 4px;
}

.csv-file-upload-icon {
    width: 8rem;
}

.sp-icon {
    height: auto;
    min-height: 100%;
}
.sp-icon.sp-icon-16 {
    width: 16px;
}
.sp-icon.sp-icon-24 {
    height: 24px !important;
    width: 24px !important;
}

.dashboard-bulk-actions-form .dashboard-bulk-actions-tags-input,
.dashboard-bulk-actions-form .bootstrap-tagsinput {
    min-width: 350px;
    margin-bottom: 0;
}
.dashboard-bulk-actions-form .bootstrap-tagsinput input {
    margin: .5rem 0 0 .5rem;
}

.contact .avatar,
.contact .feed-opportunity-company-logo {
    position: relative;
}
.contact .avatar .bulk-action-select-checkbox ,
.contact .feed-opportunity-company-logo .bulk-action-select-checkbox {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(37, 37, 37, .15);
}
.contact.selected .avatar .bulk-action-select-checkbox,
.contact.selected .feed-opportunity-company-logo .bulk-action-select-checkbox,
.contact:hover .avatar .bulk-action-select-checkbox,
.contact:hover .feed-opportunity-company-logo .bulk-action-select-checkbox {
    display: flex;
}

.segments-list-search-form-container .segments-list-search-form-input-wrapper {
    position: relative;
}

.segments-list-search-form-container .segments-list-search-form-input-clear-btn {
    position: absolute;
    content: "x";
    right: 0.25rem;
    top: 50%;
    transform: translateY(-8px);
    width: 16px;
    height: 16px;
    line-height: 1;
}

#segments-list-search-form-container .segments-list-search-form-input,
#lead-scoring-rules-search-form-container .lead-scoring-rules-search-form-input {
    max-width: 200px;
}

.segment-pin {
    color: #A0AEC0;
    transform: rotate(45deg);
    transition: all 0.3s;
}
.segment-pin-container .segment-pin.pinned,
.visitor-dashboard-pinned-segment-container .segment-pin.pinned,
.segment-pin-container:hover .segment-pin {
    transform: none;
    color: #5c7cfa;
    transition: all 0.3s;
}


.sp-quality-score,
.sp-lead-scoring-rule-performance-indicator {
    width: 8px;
    max-height: 58px;
}
.sp-quality-score.horizontal,
.sp-lead-scoring-rule-performance-indicator.horizontal {
    width: auto;
    height: 8px;
    max-width: 58px;
    transform: rotate(180deg);
}
.sp-lead-scoring-rule-performance-indicator.horizontal {
    max-width: 100%;
}
.sp-quality-score .clip-rect,
.sp-lead-scoring-rule-performance-indicator .clip-rect {
  transition: height 0.5s cubic-bezier(.86, .05, .4, .96);
}


.tippy-template-card {
    width: 350px;
}
.tippy-template-card.tippy-for-lead-score,
.tippy-template-card.tippy-for-quality-score {
    width: 500px
}
.tippy-content {
    /*background-color: #4d5052;*/
    position: relative;
    padding: 0;
    z-index: 99999;
}


#visitor-information-drawer-content {
    overflow-y:scroll;
    height: calc(100vh);
}
#visitor-information-drawer-content .timeline-container {
    max-height: 20rem;
}
.account-detail-view-close:hover {
    color: #007bff
}
#account-detail-view-content .timeline-container {
    max-height: 80vh;
}

.bg-gray-300 {
    background-color: #E2E8F0;
}

ul.pis-0 {
    padding-inline-start: 0;
}
ul.pis-15,
ol.pis-15 {
    padding-inline-start: 15px;
}


.dropdown-toggle.no-dropdown-caret:after {
    display: none !important;
}

.tags-popper,
.account-lists-popper {
    max-width: 340px;
}

#add-tags-popup-for-company,
#add-tags-popup-for-person,
#add-tags-popup-for-company-bulk,
#add-tags-popup-for-person-bulk,
#add-account-lists-popup-for-company {
    width: 340px;
    z-index: 1051;
}
#add-tags-popup-for-company .card-body,
#add-tags-popup-for-person .card-body,
#add-tags-popup-for-company-bulk .card-body,
#add-tags-popup-for-person-bulk .card-body,
#add-account-lists-popup-for-company .card-body {
    min-height: 260px;
}

.tags-container .create-tags-form input[type=text].form-control,
.tags-container .select2-container--default .select2-selection--multiple,
.sp-tags.tags-container .create-tags-form input[type=text].form-control {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    min-height: 48px;
}

.tags-container .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.tags-container .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.tags-container .select2-container--default .select2-selection--multiple .select2-selection__choice,
.sp-tags.tags-container .tag,
.sp-account-lists.tags-container .tag {
    padding: .25rem .5rem .25rem .5rem !important;
    margin: 0 .5rem .5rem 0 !important;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    border-radius: .25rem;
    cursor: default;
    line-height: 1.5;
}
.dashboard-bulk-actions-container .sp-tags.tags-container .tag {
    margin: 0 !important;
}
.sp-tags.tags-container a.btn-create-tag,
.sp-account-lists.tags-container a.btn-create-tag {
    border-style: dashed;
    border-width: 1px;
    color: #2C5282;
    background-color: transparent;
}
.sp-tags.tags-container a.btn-create-tag:hover,
.sp-account-lists.tags-container a.btn-create-tag:hover {
    background-color: #BEE3F8;
}

.tags-container .select2-container--default .select2-selection--multiple {
    padding: .625rem 0.825rem .325rem 0.825rem;
}

.tags-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.sp-tags.tags-container .tag .close,
.sp-account-lists.tags-container .tag .close {
    font-size: 12px;
    line-height: 1.5;
    text-shadow: none;
    color: currentColor;
    opacity: 1;
    float: none;
}
.tags-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: right;
}
.sp-tags.tags-container .tag .close:focus {
    outline: none;
}


.popper-container {
    z-index: 100;
}
.popper-container[data-popper-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}

.popper-container.position-off-screen.invisible {
    left: -99999999px;
}


.form-control.border-primary:focus {
    border-color: #007bff!important
}


.reports-statistics-card {
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.reports-statistics-card h1,
.reports-statistics-card h2,
.reports-statistics-card h3,
.reports-statistics-card h4,
.reports-statistics-card h5,
.reports-statistics-card h6 {
    line-height: 1;
}
.reports-statistics-card.stats-active {
    border-top: 2px solid #E14299;
}
.reports-statistics-card.stats-new {
    border-top: 2px solid #4299E1;
}
.reports-statistics-card.stats-filtered {
    border-top: 2px solid #38B2AC;
}
.reports-statistics-card[data-row-label]{
    position: relative;
}
.reports-statistics-card[data-row-label]:before {
    content: attr(data-row-label);
    position: absolute;
    height: 1.6rem;
    font-size: .8rem;
    line-height: .8rem;
    padding: .4rem;
    bottom: 100%;
    color: #fff;
}
.reports-statistics-card.stats-active[data-row-label]:before {
    background-color: #E14299;
}
.reports-statistics-card.stats-new[data-row-label]:before {
    background-color: #4299E1;
}
.reports-statistics-card.stats-filtered[data-row-label]:before {
    background-color: #38B2AC;
}


.line-chart-component canvas {
    width: 100%;
    height: auto;
    max-height: 60vh;
}
.line-chart-component-placeholder {
    height: 60vh;
}

.card-reports-table {
    font-size: 13px;
}
.card-reports-table .reports-empty-message-container {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.tag-options-container,
.account-list-options-container {
    max-height: 260px;
    overflow-y: scroll;
}
.account-list-options-container .account-list-option {
    padding-right: 4rem;
}
.tag-options-container .tag-option:hover,
.account-list-options-container .account-list-option:hover {
    background: #f2f7fa;
    border-color: #f2f7fa;
}
.tag-options-container .tag-option:after,
.account-list-options-container .account-list-option:after {
    position: absolute;
    right: 1rem;
    font-size: 80%;
}
.tag-options-container .tag-option.added,
.account-list-options-container .account-list-option.added {
    background-color: #E2E8F0;
    border-color: #E2E8F0;
    color: #2D3748;
    position: relative;
}
.tag-options-container .tag-option.added:after,
.account-list-options-container .account-list-option.added:after {
    content: 'added';
    color: #A0AEC0;
}
#add-tags-popup-for-person .tag-options-container .tag-option:hover.added,
#add-account-lists-popup-for-person .account-list-options-container .account-list-option:hover.added {
    background-color: #FEB2B2;
    border-color: #FEB2B2;
    color: #9B2C2C;
    position: relative;
}
#add-tags-popup-for-person .tag-options-container .tag-option:hover.added:after,
#add-account-lists-popup-for-person .account-list-options-container .account-list-option:hover.added:after {
    content: 'click to remove';
    color: #C53030;
}

.bulk-actions-divider,
.separator-vertical-dashed {
    width: 0;
    border-right: 1px dashed #718096;
    display: block;
}

#integration-dropdown-menu-btn:hover,
#integration-dropdown-menu-btn:focus {
    text-decoration: none;
}

.mailchimp-details-container .tag.mailchimp-tag {
    margin: 0 6px 6px 0;
    padding: 3px 6px;
    height: 24px;
    background-color: #efeeea;
}

#lead-scoring-rule-performance-indicator {
    bottom: 0;
    max-width: 350px;
    position: fixed;
    position: sticky;
}

.segment-left-nav {
    flex: 0 0 250px;
    box-shadow: inset -2px -0.5rem 1rem 0px rgba(0, 0, 0, .15) !important;
}
.segment-left-nav #trigger-notifications-nav .nav-link.text-muted {
    font-size: .93rem;
}
.segment-left-nav #trigger-notifications-nav .nav-link.text-muted.active {
    color: #288cff !important;
}

.mailchimp-details-container .bootstrap-tagsinput-form .bootstrap-tagsinput input,
#feed-notifications-preferences .bootstrap-tagsinput input,
.team-member-invitation-form .bootstrap-tagsinput input,
#find-prospects .bootstrap-tagsinput-form .bootstrap-tagsinput input,
#find-prospects-for-dvc .bootstrap-tagsinput-form .bootstrap-tagsinput input,
#find-prospects-for-account .bootstrap-tagsinput-form .bootstrap-tagsinput input {
    margin-top: .5rem;
    margin-left: .5rem;
    min-width: 40%;
}

.rotate-30 {
    transform: rotate(30deg);
}

.rotate-inverse-30 {
    transform: rotate(-30deg);
}

#segment-templates-container>.card .card {
    min-width: 270px;
    max-width: 270px;
    margin-right: 1.25rem;
}
#segment-templates-container>.card>.card-body {
    overflow-x: scroll;
}

.line-height-reset {
    line-height: 1 !important;
}
.line-height-115 {
    line-height: 1.15 !important;
}
.line-height-15 {
    line-height: 1.5 !important;
}
.line-height-167 {
    line-height: 1.67 !important;
}


.lead-scoring-rule-field-card {
    margin-top: 1.5rem;
    position: relative;
}
.lead-scoring-rule-field-card+.lead-scoring-rule-field-card {
    margin-top: 3rem;
}
.lead-scoring-rule-field-card+.lead-scoring-rule-field-card:before {
    content: "AND";
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    color: #276749;
    background-color: #C6F6D5;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    transform: translate(50%, -32px);
    font-weight: 700;
    padding: 0 .35rem 0 .35rem;

}

#lead-scoring-rule-field-card-options-container {
    z-index: 1;
    position: absolute;
}
#lead-scoring-rule-field-card-options-container.invisible:not(.visible) {
    left: -99999px;
}
#lead-scoring-rule-field-card-options-container.visible:not(.invisible) {
    left: 0;
}
#lead-scoring-rule-field-card-options-container .card-body {
    max-height: 280px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#lead-scoring-rule-field-card-options-container .lead-scoring-rule-field-card-option:hover {
    background-color: #dae0e5;
}


.webhooks-help-section-dropdown .dropdown-menu,
.dropdown.help-section-dropdown>.dropdown-menu {
    width: 22rem;
}
.dropdown.help-section-dropdown.reports-new-engine-alert-dropdown>.dropdown-menu {
    width: 26rem;
}


#customer-stories-carousel {
    position: relative;
}
#customer-stories-carousel .carousel-control-prev,
#customer-stories-carousel .carousel-control-next {
    position: absolute;
    height: 3rem;
    width: 3rem;
    border-radius: 1.5rem;
    top: calc(50% - 1.5rem);
}
#customer-stories-carousel .carousel-control-prev {
    transform: translateX(-4.5rem);
}
#customer-stories-carousel .carousel-control-next {
    transform: translateX(4.5rem);
}

.api-key-container input:not(.revealed) {
    color: transparent;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tippy-box[data-theme="tippy-theme-visitor-tags"] .tippy-content {
    border-radius: 6px;
    padding: .25rem 0.5rem;
}


.contact-details .contact-source a.text-truncate {
    max-width: 220px;
}

.feed-filters-list,
.feed-triggers-list-container {
    overflow: hidden;
    overflow-y: scroll;
}

.academy-thumbnail-container {
    position: relative;
}
.academy-thumbnail-container span {
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
}

.border-dotted {
    border-style: dotted !important;
}

.onboarding-plan-details-card {
    border-width: 12px;
}

svg#freepik_stories-segmentation:not(.animated) .animable {
    opacity: 0;
}
svg#freepik_stories-segmentation.animated #freepik--background-simple--inject-10 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) fadeIn;
    animation-delay: 0s;
}
svg#freepik_stories-segmentation.animated #freepik--Chart--inject-10 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;
    animation-delay: 0s;
}
svg#freepik_stories-segmentation.animated #freepik--character-2--inject-10 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) lightSpeedRight;
    animation-delay: 0s;
}
svg#freepik_stories-segmentation.animated #freepik--character-1--inject-10 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) zoomIn;
    animation-delay: 0s;
}
svg#freepik_stories-segmentation.animated #freepik--character-3--inject-10 {
    animation: 1s 1 forwards cubic-bezier(.36,-0.01,.5,1.38) slideLeft;
    animation-delay: 0s;
}

.overflow-hidden {
    overflow: hidden;
}

.w-mx-100 {
    max-width: 100%;
}
.w-max-one-third {
    max-width: 33.33%;
}

#visitor-detail-view-container.offscreen-away,
#account-detail-view-container.offscreen-away {
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.offscreen-away {
    position: absolute;
    left: -999999px;
    transition: left 50ms cubic-bezier(0.2, 0, 0, 1) 0s;
}


.dashboard-submenu-container .dashboard-submenu-title,
.dashboard-submenu-primary-navlinks span.nav-link.dashboard-submenu-navlinks-block-title,
.dashboard-submenu-primary-navlinks a.nav-link {
    padding: 8px;
    font-size: 0.93rem;
}
.dashboard-submenu-primary-navlinks a.nav-link {
    border-radius: 4px;
    margin: 4px 0 0;
    color: #252525;
}
.dashboard-submenu-primary-navlinks .separator-vertical-dashed {
    margin-top: 4px;
}
.dashboard-submenu-primary-navlinks a.nav-link.active,
.dashboard-submenu-primary-navlinks a.nav-link:hover {
    background-color: #E2E8F0;
}
.dashboard-submenu-primary-navlinks .choose-visitors a[href] {
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    margin: 4px 0 0;
    color: #252525;
}
.dashboard-submenu-primary-navlinks .choose-visitors a[href].active,
.dashboard-submenu-primary-navlinks .choose-visitors a[href]:hover {
    background: #ffffff;
    border-color: #252525;
}

.dashboard-submenu-collapse-indicator {
    transition: all 0.3s;
}

.dashboard-submenu-collapse-trigger[aria-expanded="true"] .dashboard-submenu-collapse-indicator {
    transform: rotate(90deg);
}

#visitor-detail-view-actions-container,
#account-detail-view-actions-container {
    position: sticky;
    top: 0;
    z-index: 1039;
}
#account-detail-view-actions-container .nav-link.active {
    border-bottom-left-radius: 0!important ;
    border-bottom-right-radius: 0!important ;
    border-bottom: 2px solid #007bff;
}


.add-payment-method-checklist-icon-container img {
    min-height: 48px;
    min-width: 48px;
}

.top-0 {
    top: 0;
}
.right-0 {
    right: 0;
}
.bottom-0 {
    bottom: 0;
}
.left-0 {
    left: 0;
}

.border-3 {
    border-width: 3px !important;
}

.contact-details tr>td+td {
    word-break: break-word;
}

#pricing-selectplan-account-reveal-plan-notice {
    position: sticky;
    bottom: 1.5rem;
    z-index: 7901;
}
#pricing-selectplan-account-reveal-plan-notice .card {
    color: #ffffff;
    background: #c86dd7;
    background: -moz-linear-gradient(145deg,  #c86dd7 0%,#3023ae 100%);
    background: -webkit-linear-gradient(145deg,  #c86dd7 0%,#3023ae 100%);
    background: linear-gradient(145deg,  #c86dd7 0%,#3023ae 100%);
}


#new-visitor-info-notice-nav-indicator {
    top: 60%;
    left: 60%;
    z-index: 1;
}

.new-visitor-info-notice-container.sticky-top {
    z-index: 999;
}


.features-comparison-table-container {
    transition: all 0.3s;
}
.features-comparison-table-container .sticky-top {
    top: 80px;
}
.features-comparison-table-container.collapsed {
    max-height: 450px;
    overflow: hidden;
    position: relative;
}
.features-comparison-table-container.collapsed .sticky-top {
    top: 0;
}
.features-comparison-table-container.collapsed:after {
    background: linear-gradient(0deg, rgba(0,0,0,.5) 10%, rgba(0,0,0,0) 40%);
}
.features-comparison-table-container .collapse-trigger {
    position: absolute;
    display: none;
}
.features-comparison-table-container.collapsed:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.features-comparison-table-container.collapsed .collapse-trigger {
    display: inline-block;
    top: unset;
    right: unset;
    bottom: 10%;
    left: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%);
    color: #ffffff;
    background: #5c7cfa;
    border-radius: .4rem;
    padding: 8px 32px;
    z-index: 1;
    text-align: center;
}

#comparison-table {
    overflow-y: scroll;
    height: 80vh;
}
#comparison-table thead th {
    min-width: 200px;
}

#testimonials-and-vouches .carousel-control-prev,
#testimonials-and-vouches .carousel-control-next {
    bottom: unset;
    left: unset;
    right: 0;
    width: 3rem;
    height: 3rem;
    top: 0rem;
}
#testimonials-and-vouches .carousel-control-prev {
    right: 3rem;
}

/* Select2 styles */
#select2-email-marketing-tool-select-container .select2-option-img,
#select2-email-marketing-tool-select-results .select2-option-img {
    margin-right: 8px;
}
#select2-email-marketing-tool-select-container .select2-option-img img {
    height: 22px;
    width: 22px;
}
#select2-email-marketing-tool-select-results .select2-option-img img {
    height: 20px;
    width: 20px;
}
#select2-email-marketing-tool-select-container.select2-selection__rendered,
#select2-email-marketing-tool-select-results li.select2-results__option {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
#select2-email-marketing-tool-select-results li.select2-results__option {
    padding: .65rem 1rem
}


.index-body.index-landing.level-1 .story-block p {
    font-size: 18px;
}
.about-body.about-landing {
    font-size: 16px;
}


#contact-info-tabs .nav-item .nav-link img.inactive {
    display: inline-block;
}
#contact-info-tabs .nav-item .nav-link img.active {
    display: none;
}
#contact-info-tabs .nav-item .nav-link.active img.inactive {
    display: none;
}
#contact-info-tabs .nav-item .nav-link.active img.active {
    display: inline-block;
}


#product-hunt-calendly-launch-sept-2021 {
    display: none;
    left:  -55555555px;
    background-color: #ffffff;
    color: #ff530b;
    position: fixed;
    bottom: 16px;
    right: 16px;
    width: 320px;
    border-radius: 4px;
    box-shadow: 0 0px 2px rgb(0 0 0 / 13%),
                0 1px 4px rgb(0 0 0 / 13%),
                0 2px 8px rgb(0 0 0 / 13%),
                0 4px 16px rgb(0 0 0 / 13%);
}
#product-hunt-calendly-launch-sept-2021.show {
    display: block;
    left: unset;
}
#product-hunt-calendly-launch-sept-2021 .kitty {
    transition: all .1s;
}
#product-hunt-calendly-launch-sept-2021:hover .kitty {
    transform: rotate(10deg);
}
.btn-product-hunt {
    background-color: #526188;
    color: #ffffff;
}
.btn-product-hunt:hover,
.btn-product-hunt:active,
.btn-product-hunt:focus {
    color: #fafbff;
}
.btn-link.btn-product-hunt {
    background-color: transparent;
    color: #526188;
}
.border.border-product-hunt-primary {
    border-color: #ff530b !important;
}
.border.border-product-hunt-secondary {
    border-color: #526188 !important;
}
.border-bright-blue {
    border-color: #2563eb !important;
}
.border-top-bright-blue {
    border-top: 1px solid #2563eb !important;
}
.border-bottom-bright-blue {
    border-bottom: 1px solid #2563eb !important;
}

.customer-story-quote {
    padding-left: 1.5rem;
    border-left: 6px solid #63B3ED;
}


#sp_global_search_form {
    height: 44px;
}
#sp_global_search_form #sp_global_search_trigger {
    height: 44px;
    width: 44px;
}
#sp_global_search_form.active {
    width: 600px;
    position: relative;
    z-index: 3;
}
#sp_global_search_input {
    transition: all 50ms cubic-bezier(0.2, 0, 0, 1) 0s;
}
#sp_global_search_input:not(.active) {
    width: 0;
    padding: 6px 0;
    border-right-width: 0;
    border-left-width: 0;
    flex-grow: 0;
    z-index: 10;
}
#sp_global_search_input.active {
    width: 557px;
    padding: 6px 12px;
    border-right-width: 1px;
    border-left-width: 1px;
    flex-grow: 1;
}
#sp_global_search_form .sp-global-search-container.v2 #sp_global_search_input.active {
    width: 600px;
}
#sp_global_search_input_reset_btn {
    position: absolute;
    right: 3px;
    top: 22px;
    transform: translate(-6px, -14px);
    z-index: 11;
}
#sp_global_search_form.active #sp_global_search_results {
    position: absolute;
    width: 557px;
    top: 44px;
    left: 43px;
    z-index: 1;
    display: flex;
    max-height: 50vh;
    overflow-y: scroll;
}
#sp_global_search_form.active .sp-global-search-container.v2 #sp_global_search_results {
    width: 600px;
    left: unset;
}
#sp_global_search_form:not(.active) #sp_global_search_results {
    display: none;
}

.dashboard-submenu-container #sp_global_search_trigger {
    height: 33px;
    width: 33px;
}


.text-14px {
    font-size: 14px;
}
.text-16px {
    font-size: 16px;
}


#visitor-attributes-collapse table>tbody tr:first-child td {
    border-top: none;
    padding-top: 0;
}
#visitor-attributes-collapse table>tbody tr:last-child td {
    padding-bottom: 0;
}


.close-sync-status-indicator.sync-success #Fill-1,
.close-sync-status-indicator.sync-success #Fill-2,
.close-sync-status-indicator.sync-success #Fill-3,
.close-sync-status-indicator.sync-success #Fill-4,
.close-sync-status-indicator.sync-success #Fill-5,
.close-sync-status-indicator.sync-success #Fill-6 {
    fill: #2F577E;
}
.close-sync-status-indicator.sync-success #Fill-7,
.close-sync-status-indicator.sync-success #Fill-8,
.close-sync-status-indicator.sync-success #Fill-9,
.close-sync-status-indicator.sync-success #Fill-10,
.close-sync-status-indicator.sync-success #Fill-11,
.close-sync-status-indicator.sync-success #Fill-12,
.close-sync-status-indicator.sync-success #Fill-13 {
    fill: #F4B563;
}
.close-sync-status-indicator.sync-success #Fill-14,
.close-sync-status-indicator.sync-success #Fill-15,
.close-sync-status-indicator.sync-success #Fill-16,
.close-sync-status-indicator.sync-success #Fill-17,
.close-sync-status-indicator.sync-success #Fill-18,
.close-sync-status-indicator.sync-success #Fill-19 {
    fill: #5CAFCD;
}
.close-sync-status-indicator.sync-success #Fill-20,
.close-sync-status-indicator.sync-success #Fill-21,
.close-sync-status-indicator.sync-success #Fill-22,
.close-sync-status-indicator.sync-success #Fill-23,
.close-sync-status-indicator.sync-success #Fill-24,
.close-sync-status-indicator.sync-success #Fill-25,
.close-sync-status-indicator.sync-success #Fill-26 {
    fill: #47B178;
}


#video-container .lazyload-placeholder-container {
    position: relative;
    cursor: pointer;
}
#video-container .lazyload-placeholder-container i.fas.fa-play-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-45px, -45px);
}

.homepage-menu-container {
    padding: 32px 32px 32px 40px;
    min-width: 400px;
}
.homepage-menu-title {
    line-height: 1em;
    font-size: 12px;
}
.homepage-menu-item {
    font-size: 13px;
}
.homepage-menu-item > h6 {
    font-size: 15px;
    font-weight: 600;
}
.homepage-menu-title,
.homepage-menu-item {
    margin-bottom: 10px;
}


.bg-16-9.knce-bg {
    background-image: url('../images/banners/knce-bg.svg');
    background-size: contain;
}


.lead-scoring-rules-container {
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.pb-25, .py-25 {
    padding-bottom: 0.75rem!important;
}
.pt-25, .py-25 {
    padding-top: 0.75rem!important;
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important;
    overflow-wrap: break-word;
}

.share-report-button-container {
    min-width: 24rem;
}

input#pagination-page-selector {
    border-radius: 0;
    border-top: none;
    border-right: none;
    border-left: none;
    text-align: center;
    max-width: 3rem;
}
#pagination-page-selector-text.invalid-input,
input#pagination-page-selector.invalid-input {
    color: #E53E3E;
}
input#pagination-page-selector.invalid-input {
    border-bottom-color: #E53E3E;
}


.salespanel-thrift-pricing-table-container {
    width: 100%;
    overflow-x: scroll;
}

thead.thead-indigo5 {
    background-color: #5c7cfa;
}


#id_url_filters_for_visit_event-parent input#id_url_filters_for_visit_event.form-control[data-role="tagsinput"] {
    display: block !important;
    padding: 0;
    margin: 0;
    border: 0px none transparent;
    height: 1px;
    width: 1px;
}

.report-table-nav {
    top: 0;
    position: sticky;
    background: #fff;
    z-index: 1;
}

.feature-inaccessible-floating-notice {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#install-tracking-code-image-container-wordpress {
    transition: filter 300ms;
}
#install-tracking-code-image-container-wordpress.disabled {
    filter: grayscale(100%);
    cursor: not-allowed;
}


body.dashboard-body.alt.deep-tracking-lp .dashboard-main {
    position: relative;
}
body.dashboard-body.alt.deep-tracking-lp #deep-tracking-status {
    position: sticky;
    right: 2rem;
    top: 2rem;
    background-color: #ffffff;
    z-index: 1;
    width: 280px;
}
body.dashboard-body.alt.deep-tracking-lp section {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

#deep-tracking-lp-slides .carousel-inner {
    overflow: hidden visible;
}
#deep-tracking-lp-slides .carousel-caption {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    color: #252525;
}
#deep-tracking-lp-slides .carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#deep-tracking-lp-slides .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

#deep-tracking-lp-slides .carousel-control-next,
#deep-tracking-lp-slides .carousel-control-prev {
    width: unset;
}
#deep-tracking-lp-slides .carousel-indicators {
    bottom: 0;
}
#deep-tracking-lp-slides .carousel-indicators li {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin-right: 8px;
    margin-left: 8px;
    background: #a9a9a9;
}
#deep-tracking-lp-slides .carousel-indicators li.active {
    background: #252525;
}

body.dashboard-body.alt.deep-tracking-lp .dashboard-main.bg-cognitive-scoring {
    background-image: url('../images/banners/cognitive-scoring.svg');
    background-repeat: no-repeat;
    background-position: top;
}

.bg-pre-sales-interview {
    background: rgb(63,94,251);
    background: linear-gradient(149deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
}

.testimonials-inner span {
    float:left;
    width:50%;
}
.scrolling-testimonials-container .scrolling-testimonials-block {
    height: 400px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 0;
}
.testimonials-inner {
    display: block;
    width: 200%;
    position: absolute;
}
.testimonials-inner.to-left {
    animation: marqueeLeft 25s linear infinite;
}
.testimonials-inner.to-right {
    animation: marqueeRight 25s linear infinite;
}
.testimonial-item {
    width: 33.33%;
    height: auto;
    display: inline-block;
    margin: 0;
    float: left;
    transition: all .2s ease-out;
}
.testimonial-item p {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

:root {
    --customer-logos-marquee-width: 80vw;
    --customer-logos-marquee-height: 60px;
    --customer-logos-marquee-elements-displayed: 10;
    --customer-logos-marquee-element-width: calc(var(--customer-logos-marquee-width) / var(--customer-logos-marquee-elements-displayed));
    --customer-logos-marquee-animation-duration: calc(var(--customer-logos-marquee-elements) * 3s);
}

.customer-logos-marquee {
    height: var(--customer-logos-marquee-height);
    overflow: hidden;
    position: relative;
}
.customer-logos-marquee:before, .customer-logos-marquee:after {
    position: absolute;
    top: 0;
    width: 10rem;
    height: 100%;
    content: "";
    z-index: 1;
}
.customer-logos-marquee:before {
    left: 0;
    background: linear-gradient(to right, #fff 0%, transparent 100%);
}
.customer-logos-marquee:after {
    right: 0;
    background: linear-gradient(to left, #fff 0%, transparent 100%);
}
.customer-logos {
    height: 100%;
    display: flex;
    animation: scrolling var(--customer-logos-marquee-animation-duration) linear infinite;
}
.testimonials-inner:hover,
.customer-logos:hover {
    animation-play-state: paused;
}
@keyframes scrolling {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-1 * var(--customer-logos-marquee-element-width) * var(--customer-logos-marquee-elements))); }
}


@keyframes marqueeLeft {
    0% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}
@keyframes marqueeRight {
    0% {
        left: -100%;
    }
    100% {
     left: 0;
    }
}

.account-reveal-faqs p.faq-title {
    background-color: #e9d5ff;
    color: #581c87;
}

.faqs-row a .faq-title i,
.faqs-row a[aria-expanded="true"] .faq-title i {
    transform: rotate(0deg);
    transition: transform .5s cubic-bezier(.4,0,.2,1);
}
.faqs-row a[aria-expanded="true"] .faq-title i {
    transform: rotate(135deg);
}

#salespanel-account-reveal-promotional-banner {
    position: relative;
    overflow: hidden;
}
#salespanel-account-reveal-promotional-banner>* {
    z-index: 1;
}
#salespanel-account-reveal-promotional-banner:before {
    inset: 0;
    position: absolute;
    content: "";
    background: linear-gradient(110deg, #e0c3fc 0%, #8ec5fc 100%);
    transform: translate(15%, 0) rotate(-72deg);
    width: 100vw;
    height: 100vh;
}

.typed-js-text-clipped-background {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: #12c2e9;
    background-image: -webkit-linear-gradient(135deg, #f64f59, #c471ed, #12c2e9);
    background-image: linear-gradient(135deg, #f64f59, #c471ed, #12c2e9);
}

body.index-body.index-landing section.story-block.before-basic-ar-plan-story-block,
body.index-body.index-landing section.story-block.after-basic-ar-plan-story-block {
    padding: 0 !important;
    position: relative;
    height: 168px;
}
body.index-body.index-landing section.story-block.after-basic-ar-plan-story-block {
    background: #030d32;
}
.before-basic-ar-plan-story-block svg,
.after-basic-ar-plan-story-block svg {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

body.index-body.index-landing section.story-block.basic-ar-plan-story-block {
    position: relative;
    padding: 8rem 0 4rem 0 !important;
    background-image: #8E2DE2;
    background-image: -webkit-linear-gradient(to bottom, #8E2DE2,  #030d32);
    background-image: linear-gradient(to bottom, #8E2DE2,  #030d32);
}
.basic-account-reveal-plan-partial-container {
    border-radius: 0 3rem 0 3rem;
}
.basic-account-reveal-plan-pricing-bg,
.basic-account-reveal-plan-pricing-bg-02,
.cdp-pricing-bg {
    border-radius: 0 3rem 0 3rem;
    background-size: cover;
    background-position: center center;
    background-image: url('../images/banners/account-reveal-pricing-bg.svg');
}
.basic-account-reveal-plan-pricing-bg-02 {
    background-image: url('../images/banners/account-reveal-pricing-bg-02.svg');
}
.cdp-pricing-bg {
    background-image: url('../images/banners/cdp-pricing-bg.svg');
}

#pricing-basic-ar-primary-panel>.card-body {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

#account_reveal_nudge_btn {
    overflow: hidden;
    margin-right: 1rem !important;
    margin-bottom: 0.5rem !important;
    transition:
        width 0.3s cubic-bezier(.4,0,.2,1),
        padding 0.3s cubic-bezier(.4,0,.2,1),
        margin 0.3s cubic-bezier(.4,0,.2,1);
}

#account_reveal_nudge_btn.collapsed {
    width: 0px;
    padding: 0;
    margin: 0!important;
}

#lf-ar-pricing-table-modal,
#cdp-pricing-table-modal {
    z-index: 10000;
}
#lf-ar-pricing-table-modal .modal-content,
#cdp-pricing-table-modal .modal-content {
    width: 85%;
    margin: auto;
}

.text-editable-container .live-edit-form-container .form-control {
    font-size: 13px;
    height: unset;
    padding: 0 0 6px 0;
    line-height: 1;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
}
.text-editable-container .live-edit-form-container .live-edit-form-action {
    font-size: 13px;
    height: unset;
    padding: 6px;
    line-height: 1;
}

.text-editable.text-success,
.text-editable.text-success:hover {
    color: #28a745!important;
}
.text-editable.text-danger,
.text-editable.text-danger:hover {
    color: #dc3545!important;
}
.text-editable:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    position: relative;
    color: #0056b3 !important;
}
.text-editable:hover:after {
    color: #0056b3 !important;
    position: absolute;
    content: url(../images/icons/edit.svg);
    right: 0;
    top: 50%;
    transform: translateY(-8px);
    background-color: #ffffff;
    border-radius: 3px;
    padding: 0;
}

body:not(.collapse-dashboard-submenu) .identified-leads-column {
    padding-right: 0;
    padding-left: 0;
}

.visitor-action-column {
    will-change: max-width, width;
    transition:
        max-width 100ms cubic-bezier(1, 0, 0, 1),
        width 100ms cubic-bezier(1, 0, 0, 1) !important;
    width: 0;
    max-width: 0;
    overflow: hidden;
    pointer-events: none;
}

.contact-row:hover .visitor-action-column {
    width: fit-content;
    max-width: fit-content;
    overflow: visible;
    pointer-events: auto;
}

.text-break-all {
    word-break: break-all!important;
}

.row.contact-details-row {
    margin-left: -17.5px;
    margin-right: -17.5px;
}

.preview-prospect-item .preview-prospect-links,
.preview-prospect-item .preview-prospect-links-bg {
    display: none;
    position: absolute;
    width: 50%;
    height: 50%;
    bottom: 0;
    left: 0%;
}
.preview-prospect-item .preview-prospect-links-bg {
    width: 100%;
}
.preview-prospect-item .preview-prospect-links {
    width: 80px;
    left: 50%;
    transform: translateX(-40px);
}
.preview-prospect-item .preview-prospect-link {
    width: 32px;
    height: 32px;
}
.preview-prospect-item .preview-prospect-link+.preview-prospect-link {
    left: 50%;
}
.preview-prospect-item:hover .preview-prospect-links,
.preview-prospect-item:hover .preview-prospect-links-bg {
    display: flex;
}
.preview-prospect-item:hover .preview-prospect-links-bg {
    left: 0;
    right: 0;
}

.preview-prospect-links input.form-control[readonly="readonly"]{
    height: 1px;
    width: 1px;
    padding: 0;
    border: none;
}

#visitor-detail-view-content .hubspot-link i.fa-hubspot,
#visitor-detail-view-content .contact-hubspot-link i.fa-hubspot,
#account-detail-view-content .hubspot-link i.fa-hubspot,
.contact-detail-view .hubspot-link i.fa-hubspot,
.contact-detail-view .contact-hubspot-link i.fa-hubspot,
.hubspot-link.sync-success i.fa-hubspot {
    color: #ff5c35;
}

.overflow-x-scroll {
    overflow-x: scroll!important;
}

.popover-container .popover.show {
    max-width: 340px;
}
.popover-container .popover-body {
    padding-top: .75rem;
    padding-bottom: .25rem;
}

.truncated-badge {
  max-width: 100%;     /* take up full width of parent */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.report-type-icon.report-visitor-insights {
    color: #ad46ff;
}
.avatar-report-visitor-insights {
    border: 1px solid #ad46ff;
}
.report-type-icon.report-event-trends {
    color: #ff6467;
}
.avatar-report-event-trends {
    border: 1px solid #ff6467;
}


@media (orientation: portrait) {
    .case-study-header.case-study-ab180,
    .case-study-header.case-study-regrid,
    .customer-interview-header.customer-interview-cap-expand,
    .customer-interview-header.customer-interview-testify {
        background-image: url('../images/banners/blur-scene-01-vertical.svg');
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }

    .bg-16-9.blob-scene-01,
    .bg-16-9.blob-scene-02,
    .bg-16-9.blob-scene-03,
    .bg-16-9.blob-scene-04,
    .bg-16-9.blob-scene-05,
    .bg-16-9.blob-scene-06,
    .bg-16-9.blob-scene-07,
    .bg-16-9.blob-scene-08,
    .bg-16-9.blob-scene-09,
    .bg-16-9.blob-scene-ga4,
    .bg-16-9.oribi-bg,
    .bg-16-9.woopra-bg,
    .bg-16-9.kissmetrics-bg,
    .bg-16-9.blob-wave-01,
    .bg-16-9.blob-wave-02,
    .bg-16-9.account-reveal-hero-bg,
    .bg-16-9.salesforce-data-cloud-cdp-alternative-bg,
    #pricing-basic-ar-primary-panel {
        background-size: cover;
        background-position: center center;
    }
    .bg-16-9.blob-scene-01 {
        background-image: url('../images/banners/blob-scene-01-vertical.svg');
    }
    .bg-16-9.blob-scene-02 {
        background-image: url('../images/banners/blob-scene-02-vertical.svg');
    }
    .bg-16-9.blob-scene-03 {
        background-image: url('../images/banners/blob-scene-03-vertical.svg');
    }
    .bg-16-9.blob-scene-04 {
        background-image: url('../images/banners/blob-scene-04-vertical.svg');
    }
    .bg-16-9.blob-scene-05 {
        background-image: url('../images/banners/blob-scene-05-vertical.svg');
    }
    .bg-16-9.blob-scene-06 {
        background-image: url('../images/banners/blob-scene-06-vertical.svg');
    }
    .bg-16-9.blob-scene-07 {
        background-image: url('../images/banners/blob-scene-07-vertical.svg');
    }
    .bg-16-9.blob-scene-08 {
        background-image: url('../images/banners/blob-scene-08-vertical.svg');
    }
    .bg-16-9.blob-scene-09 {
        background-image: url('../images/banners/blob-scene-09-vertical.svg');
    }
    .bg-16-9.blob-scene-ga4 {
        background-image: url('../images/banners/blob-scene-ga4-vertical.svg');
    }
    .bg-16-9.oribi-bg {
        background-image: url('../images/banners/oribi-bg.svg');
    }
    .bg-16-9.woopra-bg {
        background-image: url('../images/banners/woopra-bg.svg');
    }
    .bg-16-9.kissmetrics-bg {
        background-image: url('../images/banners/kissmetrics-bg.svg');
    }
    .bg-16-9.blob-wave-01 {
        background-image: url('../images/banners/blob-wave-01-vertical.svg');
    }
    .bg-16-9.blob-wave-02 {
        background-image: url('../images/banners/blob-wave-02-vertical.svg');
    }
    .bg-16-9.account-reveal-hero-bg,
    #pricing-basic-ar-primary-panel {
        background: rgb(102,0,255);
        background: -moz-linear-gradient(196deg, rgba(102,0,255,1) 0%, rgba(69,5,184,1) 6%, rgba(53,8,149,1) 18%, rgba(0,17,34,1) 36%, rgba(0,17,34,1) 100%);
        background: -webkit-linear-gradient(196deg, rgba(102,0,255,1) 0%, rgba(69,5,184,1) 6%, rgba(53,8,149,1) 18%, rgba(0,17,34,1) 36%, rgba(0,17,34,1) 100%);
        background: linear-gradient(196deg, rgba(102,0,255,1) 0%, rgba(69,5,184,1) 6%, rgba(53,8,149,1) 18%, rgba(0,17,34,1) 36%, rgba(0,17,34,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6600ff",endColorstr="#001122",GradientType=1);
    }
    .bg-16-9.salesforce-data-cloud-cdp-alternative-bg {
        background-image: url('../images/banners/salesforce-data-cloud-cdp-alternative-bg.svg');
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .fsx2 {
        font-size: 1.46rem;
    }
    .fsx3 {
        font-size: 2.2rem;
    }
    .fsx4 {
        font-size: 2.92rem;
    }
    .fsx5 {
        font-size: 3rem;
    }

    body.about-body.about-landing section.bg-home .story-block-title,
    body.about-body.about-landing section.story-block .story-block-title {
        font-size: 2.92rem;
        border: none;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        font-weight: 700;
    }

    .no-bg-mobile-portrait {
        background: unset !important;
    }

    .landing-body.abstract-landing.partners-landing .hero-left-container {
        margin-top: 9rem;
    }

    body.index-body.index-landing section.story-block img,
    body.index-body.index-landing section.story-block img:not(.no-size-constraints),
    body.index-body.index-landing section.feature-block img,
    body.index-body.index-landing section.usecases-block img {
        max-width: 100%;
    }

    .index-body.index-landing.static-header-lp .hero-unit-container {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .get-featured-column {
        position: static;
        height: unset !important;
        width: 100% !important;
    }

    .get-featured-ghost-screen-container {
        margin-left: 0 !important;
    }

    .integration-logo {
        height: 96px;
        width: 96px;
    }

    body.index-body.pricing-page .pricing-banner-choose-plan-before-signup {
        height: unset;
        min-height: 80px;
    }

    #product-hunt-calendly-launch-sept-2021.show {
        left: 16px;
        width: unset;
    }

    body.salesforce-data-cloud-cdp-alternative-landing .header-bg-container {
        padding: 4rem 1.5rem;
    }

    .testimonial-item {
        width: 100%;
    }

    :root {
        --customer-logos-marquee-width: 100vw;
        --customer-logos-marquee-height: 16vh;
        --customer-logos-marquee-elements-displayed: 3;
    }
    .customer-logos-marquee:before, .customer-logos-marquee:after {
        width: 5rem;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .no-bg-mobile-landsape {
        background: unset !important;
    }

    body.about-body.about-landing section.bg-home .story-block-title,
    body.about-body.about-landing section.story-block .story-block-title {
        font-size: 3rem;
        border: none;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    .integration-logo {
        height: 96px;
        width: 96px;
    }

    .testimonial-item {
        width: 100%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .index-body.index-landing.static-header-lp .hero-unit-container {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .leadfeeder-alternative-landing .feature-mapping-block:before,
    .account-reveal-landing .feature-mapping-block:before {
        position: absolute;
        top: -40%;
        left: 0;
        right: 0;
        height: 40%;
        content: "";
        z-index: 1;
        background: linear-gradient(to bottom, transparent 0%, #4A00E0 85%);
    }

    .no-bg-tablet-portrait {
        background: unset !important;
    }

    body.index-body.pricing-page .pricing-banner-choose-plan-before-signup {
        height: unset;
        min-height: 80px;
    }

    body.about-body.about-landing section.bg-home .story-block-title,
    body.about-body.about-landing section.story-block .story-block-title {
        font-size: 3rem;
        border: none;
        padding: 0;
    }
    .bg-wave-background-muted-bleed,
    .bg-wave-background-indigo-bleed {
        background-image: none!important;
    }

    .testimonial-item {
        width: 50%;
    }
}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .leadfeeder-alternative-landing .feature-mapping-block:before,
    .account-reveal-landing .feature-mapping-block:before {
        position: absolute;
        top: -40%;
        left: 0;
        right: 0;
        height: 40%;
        content: "";
        z-index: 1;
        background: linear-gradient(to bottom, transparent 0%, #4A00E0 85%);
    }

    section.testimonial-block.lgs-michal-testimonial{
        position: relative;
    }
    section.testimonial-block.lgs-michal-testimonial:after {
        content: ' ';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        background-image: url('../images/customers-assets/rst-bialystok-michal-zielenkiewicz.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        filter: grayscale(100%);
        width: 100%;
    }

    .testimonial-item {
        width: 33.33%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .no-bg-tablet-landscape {
        background: unset !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .index-body.index-landing.static-header-lp.leadfeeder-alternative-landing .hero-unit-container,
    .index-body.index-landing.static-header-lp.account-reveal-landing .hero-unit-container {
        padding-top: 180px;
        padding-bottom: 180px;
    }
    .index-body.index-landing.static-header-lp.account-reveal-landing .hero-unit-text-container {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .no-bg-desktop {
        background: unset !important;
    }
    .landing-body.customer-interview-container.customer-interview-container-pmb section.transcript-container {
        max-width: 90%;
    }
    #segments-list-search-form-container .segments-list-search-form-input,
    #lead-scoring-rules-search-form-container .lead-scoring-rules-search-form-input {
        max-width: unset;
        min-width: 400px;
    }
}

@media (min-width: 1600px) {
    html {
        font-size: 16px;
    }
}

@-moz-document url-prefix() {
    .post-signup-interview-form select {
        padding: 0 1rem;
        text-indent: 0 !important;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
    opacity: 1;
    transform: scale(1);
    }
}
@keyframes lightSpeedRight {
    from {
        transform: translate3d(50%, 0, 0) skewX(-20deg);
        opacity: 0;
    }
    60% {
        transform: skewX(10deg);
        opacity: 1;
    }
    80% {
        transform: skewX(-2deg);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


/*

svg.sp-quality-score {
    color-stops: #f83600;
    color-stops: #fd7700;
    color-stops: #fda800;
    color-stops: #f9d423;
    color-stops: #d2d715;
    color-stops: #a7d91f;
    color-stops: #74da36;
    color-stops: #0fd850;
}
*/

.show-only-on-print {
    display: none;
}