.header {
  height: 80px!important;
}
label {
  border-bottom: none !important;
}
.lasso-logo-container {
  padding: 20px 0;
  width: 115px;
}
#menu-current-account {
    padding: 0px !important;
}
.header .nav-link, .header .login-link {
    line-height: 80px !important;
    padding: 30px 0 !important;
}
.header ul li.pr-0 {
  padding-right: 0!important;
}
.header .profile-small-image {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-top: -4px;
}
nav.px-4 { 
  max-width: initial;
}
.no-overflow {
    overflow: hidden;
}
.chartLoadingBig-ifr {
    position: absolute;
    top: 40%;
    left: 45%;
}
.chart-ifr #summary-box-products-loading {
    border: none!important;
}

a#dropdownMenuLink:focus {
  box-shadow: none;
}
.dropdown-menu.dropdown-menu-right.show {
    top: -20px !important;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--purple);
    color: var(--white);
}
.lasso-login-container .switch-account-menu:active::before {
    color: var(--white) !important;
}
.wrap-ls-sidebar .ls-sidebar-footer .dp-account-menu-left > ul.dropdown-menu > li > ul.menu-data {
    top: -188px !important;
}

.wrap-ls-sidebar .ls-sidebar-footer .dp-account-menu-left > ul.dropdown-menu > li > ul.menu-admin {
    top: -190px !important;
}

/* COMMON */
.color-red {
    color: var(--red);
}
.cursor-pointer{
    cursor: pointer;
}
.btn-clear-format {
    background: transparent;
    border: none;
}
.purple-bg-disabled:hover {
    background: var(--purple);
    opacity: 1;
}

.purple-bg-disabled {
    background: var(--purple);
    opacity: 0.65;
}
.red-bg-disabled:hover {
    background: var(--red);
    opacity: 1;
}

.red-bg-disabled {
    background: var(--red);
    opacity: 0.65;
}
[v-cloak] {
  display: none;
}
.ql-container {
    border-radius: 0 0 0.5rem 0.5rem !important;
}
.ql-toolbar.ql-snow {
    border-radius: 0.5rem 0.5rem 0 0;
}
.btn-stripe-acct {
    top: 7px;
    position: relative;
}
.small-loading {
    background-image: url(/static/images/loading.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    display: inline-block;
}
.big-loading {
    background-image: url(/static/images/loading.svg);
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: contain;
    background-color: inherit;
    height: 300px;
    display: block
}
ul.reset {
    list-style-type: none;
    padding: 0;
    margin: 0
}
.float-start {
    float: left!important;
}
/* Categories Styles */
#categories .big-loading {
    height: 100px;
}
/* End Categories Styles */
.lh-sm {
    line-height: 1.25 !important;
}
.small-icon {
    font-size: 12px;
}
.font-18 {
    font-size: 18px;
}
.color-green {
    color: var(--green);
}
.color-black {
    color: var(--black);
}
.color-black:hover {
    color: var(--black);
}
.hover-down-keep-shadow:hover  {
    transform: translateY(5px);
    box-shadow: 0 3px 6px rgba(0,0,0,.2)!important
}
.rounded-lgx {
    border-radius: 0.5rem !important;
}
.ls-loader{border: 10px solid #E2E2E2; border-radius: 50%; border-top: 10px solid var(--green); width: 100px; height: 100px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; margin: 0 auto; }
.loader-small{border: 3px solid #E2E2E2; border-radius: 50%; border-top: 3px solid var(--green); width: 25px; height: 25px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; margin: 0 auto; }
.loader-small-red{border: 3px solid #E2E2E2; border-radius: 50%; border-top: 3px solid var(--red); width: 25px; height: 25px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; margin: 0 auto; }
.loader-small.bd-black {border-top: 3px solid var(--black);}
.prx-1 {
    padding-right: 1px!important;
}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.lasso-input {
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    transition: ease .25s !important
}

.lasso-input:hover {
    border: 1px solid var(--purple)
}

.lasso-input .input-group-text {
    background: transparent;
    border: none
}

.lasso-input .input-group-text.small-text {
    font-size: 10px
}

.lasso-input input {
    background: transparent;
    border: none !important
}

.lasso-input input:focus {
    border: none !important;
    background: transparent
}

.lasso-input.error {
    border-color: var(--red) !important;
}

.dropdown-estimate-tiers {
    text-align: left;

}
#dropdown-location + .select2-container--default .select2-selection--single,
#localeAMZ + .select2-container--default .select2-selection--single{
    font-size: 1rem;
}
.dropdown-estimate-tiers + .select2-container--default .select2-selection--single,
#dropdown-location + .select2-container--default .select2-selection--single,
#localeAMZ + .select2-container--default .select2-selection--single {
    border-color: #ccc;
    height: 45px;
    padding-top: 4px;
}

.dropdown-estimate-tiers + .select2-container--default .select2-selection--single .select2-selection__rendered,
#dropdown-location + .select2-container--default .select2-selection--single .select2-selection__rendered,
#localeAMZ + .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: left;
    padding-top: 4px;
}

.dropdown-estimate-tiers + .select2-container--default .select2-selection--single .select2-selection__arrow,
#dropdown-location + .select2-container--default .select2-selection--single .select2-selection__arrow,
#localeAMZ + .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 10px
}

/* menu */
.lasso-login-container .account-button:active {
    outline: none;
    border: none;
}
.lasso-login-container .dropdown-menu {
  min-width: 8rem;
}
.lasso-login-container .dropdown-item {
  padding: .75rem 1.5rem;
}

.current-account-email {
    position: absolute;
    top: 18px;
    right: 0px;
}
.current-account-email:before {
    font-family: FontAwesome;
    content: "\f007";
    position: absolute;
    left: -17px;
    top: 2px;
    color: var(--green);
    font-size: 14px;
}
.lasso-login-container.text-right {
  top: 0px;
}
.lasso-login-container .switch-account-menu {
    position: relative;
}
.lasso-login-container .switch-account-menu:before {
    font-family: FontAwesome;
    content: "\f104";
    position: absolute;
    left: 7px;
    top: 14px;
    color: rgb(128, 112, 143);
}
.lasso-login-container .switch-account-menu #item-wrap {
    position: absolute;
    left: -305px;
    top: 2px;
    width: 300px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 4px 20px 0px;
    padding: 5px 8px;
}

.lasso-login-container .switch-account-menu #item-wrap .sw-item {
    padding: 6px 5px;
    width: 284px;
    text-overflow: ellipsis; /* enables ellipsis */
    white-space: nowrap; /* keeps the text in a single line */
    overflow: hidden;
    font-size: 18px;
    cursor: pointer;
}

.lasso-login-container .switch-account-menu #item-wrap .sw-item:hover {
    background-color: #f8f9fa;
}

/*.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}*/

/*
.dropdown:hover .dropdown-menu {
  display: block;
  visibility: visible;
}
*/

/*.navbar .dropdown .dropdown-menu {
    opacity: 1;
    transition: none;
    -webkit-transition: none;
    margin-top: 11px!important;
    box-shadow: none;
    -webkit-box-shadow: none;
}*/
/*.dropdown-menu:after, .dropdown-menu:before {
    content: none;
}
.top-menu .navbar-center .dropdown-menu li a:hover {
    border-bottom: 0px;
}*/
/*.dropdown-menu li a {
    font-size: 14px;
    padding: 10px 15px;
    text-decoration: none;
}
.dropdown-menu li a:hover {
    text-decoration: none;
}
.dropdown-menu .divider {
    margin: 0px;
}*/

#search-links {
    top: -5px;
}
#search-links input.form-control {
    padding: .75rem !important;
    padding-left: 20px !important;
    border-radius: 0.75rem!important;
    height: 43px!important;
}

.dotted{
  border-bottom: 1px dashed var(--purple);
  text-decoration: none; 
}

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

.small {
  font-size: 0.9rem;
}

.xsmall {
  font-size: 0.8rem;
}

.nav.nav-tabs {
  border-bottom: 0
}

.nav-item {
  margin-bottom: 0!important;
  font-size: 0.9em;
}
.nav-item .views-tab:hover {
    text-decoration: none;
}

.nav-link:hover,.nav-link.active {
  text-shadow: 0 0 10px var(--white)!important;
  transition: ease .25s!important
}

.btn.black-border {
  padding: 0.7rem 1.2rem !important;
}

.purple-border{border: 2px solid var(--purple) !important;}
.green-border{border: 2px solid var(--green) !important;}
.gray-border{border: 1px solid #ced4da!important;}
.button-down{transform: translateY(5px);}

.hover-light-purple:hover {
  background: var(--light-purple) !important;
}

.nav .hover-underline:hover {
    text-decoration: none !important;
}

.hover-underline {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  line-height: initial;
  margin-bottom: 20px;
  text-decoration: none;
}

.hover-underline:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 2px;
  height: 2px;
  -webkit-transition-property: left,right;
  transition-property: left,right;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.hover-underline:hover:before,.hover-underline:focus:before,.hover-underline:active:before,.hover-underline {
  left: 0;
  right: 0
}

.hover-underline.active:before {
  left: 0;
  right: 0
}

.hover-underline.white:before {
  background: var(--white)
}

.hover-underline.purple:before {
  background: var(--purple)
}

.hover-underline.green:before {
  background: var(--green)
}

.hover-underline.orange:before {
  background: var(--orange)
}

.hover-underline.red:before {
  background: var(--red)
}

.hover-underline.blue:before {
  background: var(--blue)
}

.table-header-row {
  font-weight: 500;
  font-size: 17px;
}
.f-normal {
    font-weight: normal!important;
}
/* add feed page */
.box-connection {
    display: block;
    padding: 15px;
}
.box-connection h3 {
    margin-top: 10px;
}
body { 
    background: var(--light-gray); 
}
a {
    color: #6E63B4;
}
a:hover {
    color: #9790D3;
}
.hover-gray:hover {
    background-color: rgba(94, 54, 202, 0.02) !important;
}

.navbar {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.navbar .logo-box .logo-text {
    width: 100%;
    display: inline-block!important;
    max-height: auto;
}

.top-menu .navbar-nav>li>a {font-weight: 400; color: #4E5E6A; font-size: 16px; padding: 19px 19px; text-decoration: none;}
.top-menu .navbar-nav>li.active a, .top-menu .navbar-center>li a:hover {border-bottom: 3px solid #6E63B4;}

.text-money {color: #22BAA0;}
.stats-info ul li {font-size: 15px;}
.btn-sm{font-size: 0.9rem !important; padding: 0.5rem 1rem; border-radius: .5rem!important;}
.learn-btn{background: var(--gray); color: var(--black) !important; box-shadow: none !important;}

/*********************************************************
SITE SELECTION MENU
*********************************************************/
#menu.home {margin: -2.5em ​0 0 -3em !important; width: 80% !important;}
#menu, #menu.home {padding: 0em 0 0.5em 0 !important; margin: 0 !important; top: 0em !important;}
#menu .menu-item {flex-basis: 20em !important; justify-content: left !important; flex-basis: var(--item-width-home) !important;}

.level-header {
    display: inline-block;
    float: left;
}
.date-range-wrapper {
    display: inline-block;
    float: right;
}

.menu-item:hover .menu-text:after {bottom: .25em !important;}
.menu-text:after {display: none !important;}
.menu-item .sub-menu {top: 5.55em !important; padding-bottom: 0px; flex-basis: auto !important; max-width: 50%;}

.menu-item .icon-box {height: 3em !important;}
.menu-item .icon {margin: 0 .75em 0 0 !important;}

/* Menu sites */
#menu-site {
    float: left;
    /*margin-right: 10px;*/
}
.menu-site-items.active {
    /*transform-style: preserve-3d;*/
    width: 100%;
}
.menu-site-items.active .sub-menu {
    opacity: 1;
    margin-left: 0;
    z-index: 9;
}
.menu-site-items .sub-menu {
    background: white;
    position: absolute;
    opacity: 0;
    z-index: -1;
    transition: all .2s ease-out,opacity .2s ease-in,margin-left .2s ease-out,clip-path .1s ease-out;
    /*margin-left: -5em;*/
    border-radius: 7px;
    padding-bottom: 1rem ;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20) !important;
    width: 400px;
}
.menu-site-items .sub-menu .text {
    text-decoration: none;
    font-weight: 400;
    color: rgb(44 70 86);
    font-size: 16px;
    cursor: pointer;
}
.menu-site-items .sub-menu .item-box {
    display: block;
}
.menu-site-items .sub-menu .item-box .item .title i {
    clip-path: inset(0 100% 0 0);
    font-size: .75em;
    position: relative;
    top: -1px;
}
.menu-site-items .sub-menu .item-box:hover .item .title i {
    clip-path: inset(0 0 0 0);
    transition: clip-path .1s ease-out;
}
.menu-site-items .sub-menu .item-box:hover .text {
    color: rgb(89 110 123);
}
.menu-site-items .site_selection i {
    position: relative;
    top: -4px;
}

.custom-dropdown.menu-site-items i {
    float: right;
}

/***********
Filter bar
************/
#search-links{
    position: relative;
}
.btn-filter-report,
.btn-filter-report-tag {
    border: 1px solid #ced4da !important;
    padding: 0.4rem 1rem !important;
    display: none;
    margin-top: 0.12rem;
    border-radius: 0.75rem!important;
}
.btn-filter-report:hover {
    border-color: var(--purple) !important;
}
.btn-filter-report:hover .fa-close {
    color: var(--purple);
}
/*********************************************************
PRELOADER
*********************************************************/
.loader{border: 10px solid #E2E2E2; border-radius: 50%; border-top: 10px solid var(--green); width: 100px; height: 100px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; margin: 0 auto; }
.loader-small{border: 3px solid #E2E2E2; border-radius: 50%; border-top: 3px solid var(--green); width: 25px; height: 25px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; margin: 0 auto; }
.loader-small-green, .loader-small-red{border: 3px solid #E2E2E2; border-radius: 50%; border-top: 3px solid var(--green); width: 25px; height: 25px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; margin: 0 auto; }
.loader-small-red {border-top: 3px solid var(--red);}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.login-signup-header {
    text-align: center;
    margin-bottom: 20px;
}
.login-signup-header h2 {
    margin-top: 80px;
}

.panel .panel-heading .panel-title {
    font-size: 18px;
    font-weight: 400;
}
.row {
    margin: 0px;
}
.info-box .info-box-stats span.info-box-title {margin-bottom: 0px;}
.info-box .info-box-stats p {color: #6E63B4; font-weight: 600;}
.info-box .info-box-stats.money p {color: #22BAA0; font-weight: 600;}
.panel .panel-body.kpi.active {background: #F9F9F9;}
.panel:hover .panel-body.kpi {background: #F9F9F9;}
.panel .panel-body.kpi.active p {text-decoration: underline;}
.panel .panel-body.kpi p:hover {text-decoration: underline; cursor: pointer;}

/* signup bubble */
.extra-light-purple-bg {
  background-color: #F5F1FE;
}
.extra-light-purple {
  color: #F5F1FE;
}
.signup-bubble {
  border-radius: 0.5rem;
  max-width: 550px;
  margin: 0 auto;
}
.signup_info_icon {
    padding: 0 !important;
    max-width: 20px;
    margin-right: 8px;
}

.signup_info_description {
    padding: 0 !important;
}


.signup_info_description p {
    margin-bottom: 0 !important;
}

/* settings page */
#setting-general-wrap .error-msg {
    font-size: 1rem;
}
#setting-general-wrap select {
    height: 42px!important;
}
#image-overview-wrap {
    position: relative;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    overflow: hidden;
}

#image-overview,
.image-overview-mask,
#upload-img-loading {
    display: inline-block;
    max-width: 100%;
    cursor: pointer;
    vertical-align: top;
    overflow: hidden;
}

.image-overview-mask,
#upload-img-loading {
    background-color: var(--green);
    color: white;
}

.image-overview-mask {
    padding-top: 45px;
    font-size: 60px;
    text-align: center;
    width: 100%;
    height: 100%;
}
#upload-img-loading .big-loading {
    height: 150px;
}

div#message-res {
    margin: -20px auto 20px auto;
}
.close {
  font-size: 1.2rem;
  text-decoration: none;
}
.alert {
  border-radius: 8px;
}
.alert-danger {
  color: #E06470;
}
.account_page {
    text-align: center;
}
.account_details {
    max-width: 800px;
    text-align: left;
    margin: 0 auto;
}
.account_details.getting_started {
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
}
.getting_started img {
    width: 100%;
}
.account_details h2{
    text-align: left;
}
.account_details.getting_started h2 {
    margin-top: 20px;
    text-align: center;
}
ul.settings_menu {
    list-style: none;
}
.breadcrumbs {
  font-size: 16px;
}
.settings_menu li {
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 4px;
}
.settings_menu li.active_menu {
    background: #6E63B4;
    color: white;
    font-weight: bold;
}
.settings_menu li.active_menu i.fa {
    margin-right: 10px;
}
.terms_page {
    max-width: 720px;
}
.terms_page h1 {
    text-align: center;
    margin: 40px 0 20px 0;
}
.terms_page h2 {
    margin-top: 30px;
}
.btn {
    font-size: 16px;
}
.btn-large {
    font-size: 1.5em;
    margin-top: 4em;
}
.btn-large:hover {
    color: white;
}
.account_details input[type=text] {
    border: 1px solid #e3e3e3;
    font-size: 16px;
    width: 100%;
    max-width: 550px;
    padding: 4px;
    margin-right: 20px;
}
.btn:focus {
    color: white;
}
.blue-bg{background-color: #228BC9; color: #fff;}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1200px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.container-lg {
  max-width: 1450px;
}
.container-sm {
  max-width: 1000px;
}

/*.site_selection {cursor: pointer; font-size: 18px; font-weight: 400; border: 1px solid #ced4da!important;}*/


.lasso-check {
    display: inline-block;
    width: 1rem;
    height: 1.3rem;
    margin-right: 4px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lasso-check:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 11px;
    background-color: var(--green);
    left: 11px;
    top: 6px;
}

.lasso-check:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 3px;
    background-color: var(--green);
    left: 7px;
    top: 14px;
}

.lasso-x {
    display: inline-block;
    width: 1.2rem;
    height: 1.1rem;
    margin-right: 4px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lasso-x-stem {
    position: absolute;
    width: 3px;
    height: 13px;
    background-color: var(--red);
    left: 11px;
    top: 4px;
}

.lasso-x-leg {
    position: absolute;
    width: 5px;
    height: 3px;
    background-color: var(--red);
    left: 6px;
    top: 9px;
}

.lasso-x-leg2 {
    position: absolute;
    width: 5px;
    height: 3px;
    background-color: var(--red);
    left: 14px;
    top: 9px;
}

.row .col:last-child {
    margin-left: 0;
}

.connection-mode {
    display: none;
}
#lassoNotifications {
    position: relative;
}

.slider-container {
    position: relative;
    margin: 100px auto 20px auto;
    width: 100%;
    max-width: 500px;
}
.range-slider {
    width: 100%;
}
.range-label {
    position: absolute;
    background: #ffffff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 16px;
    top: -30px;
    transform: translateX(-50%);
}
.range-type {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
    text-align: center;
}
.performance-h1 {
  max-width: 900px;
  margin: 0 auto 20px auto;
}
.performance-subscribe .start-trial-plan {
  padding: 10px;
}
.performance-subscribe .start-trial-box-header {
  max-width: 350px;
  padding-bottom: 0px;
  margin: 0 auto 30px auto;
}
.performance-subscribe .start-trial-plan ul {
  margin: 8px auto;
  max-width: 300px;
  text-align: left;
}
.performance-subscribe .start-trial-plan li:before, .start-trial-plan.selected li:before {
  color: var(--green);
}

input[type='range'] {
  -webkit-appearance: none;
  appearance: none;
  height: 5px;
  background: linear-gradient(
    90deg,
    #22BAA0 var(--slider-percentage),
    #ddd 0
  );
  background-size: 100% 100%;
}

input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #22BAA0;
  border-radius: 50%;
  cursor: pointer;
}

input[type='range']::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #22BAA0;
  border-radius: 50%;
  cursor: pointer;
}

input[type='range']::-moz-range-progress {
  background-color: #22BAA0;
}

.col-lg.testimonial-2.white {
  border-left: 1px dashed white;
  border-right: 1px dashed white;
}

.interface-border {
  border: 1px solid #ced4da!important;
}

.selected-interface-border {
  border: 1px solid var(--purple)!important;
}

.install-section-title {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
}

#settings-page .sticky-graphs .parent-report-tab a {
    display: block;
    color: inherit;
    text-decoration: none;
}

/*********************************************************
    CODE + INSTALL
*********************************************************/

input.form-control.site-add-box {
  max-width: 400px;
  display: inline;
  padding: .8rem !important;
}

pre code {
  font-size: 14px !important;
}

.code-block {
  position: relative;
}

.code-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white !important;
  padding: 15px 15px 15px 20px !important;
  font-size: 16px !important;
}

.language {
  font-style: italic;
}

.copy-button {
  background-color: #4CAF50 !important;
  color: white !important;
  border: none !important;
  padding: 15px 15px 15px 15px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  border-radius: 5px !important;
  transition: background-color 0.2s ease-in-out !important;
}

.copy-button:hover {
  background-color: #3e8e41 !important;
}

.code {
  background-color: #282c34 !important;
  padding: 20px !important;
  padding-top: 70px !important;
  margin-top: 0px !important;
  overflow-x: auto !important;
  width: 100% !important;
  border-radius: .75rem!important;
}





/*********************************************************
    TOOLTIPS
*********************************************************/
[data-tooltip]{position: relative; cursor: pointer;}
[data-tooltip]:before,[data-tooltip]:after{position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transformtranslate3d(0, 0, 0); pointer-events: none;}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after{visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
[data-tooltip]:before{z-index: 1001; border: 6px solid transparent; background: transparent; content: "";}
[data-tooltip]:after{z-index: 1000; padding: 1rem; width: auto; background-color: var(--purple); color: var(--white); content: attr(data-tooltip); border-radius: 0.5rem; text-align: center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20) !important; font-weight: 800 !important; font-size: 0.8rem;}
[data-tooltip]:before, [data-tooltip]:after{bottom: 100%; left: 50%;}
[data-tooltip]:before{margin-left: -6px; margin-bottom: -12px; border-top-color: var(--purple);}
[data-tooltip]:after{margin-left: -100px;}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after{-webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); transform: translateY(-12px);}
.green-tooltip[data-tooltip]:after{background-color: var(--green) !important;} 
.green-tooltip[data-tooltip]:before{border-top-color: var(--green) !important;}
.red-tooltip[data-tooltip]:after{background-color: var(--red) !important;} 
.red-tooltip[data-tooltip]:before{border-top-color: var(--red) !important;}
.blue-tooltip[data-tooltip]:after{background-color: var(--blue) !important;} 
.blue-tooltip[data-tooltip]:before{border-top-color: var(--blue) !important;}
.orange-tooltip[data-tooltip]:after{background-color: var(--orange) !important;} 
.orange-tooltip[data-tooltip]:before{border-top-color: var(--orange) !important;}
.Canny_Badge {border: 0px !important;}
.domain-header label[data-tooltip]:after{width: 200px}
.date-range-wrapper span[data-tooltip]:after{width: 200px; margin-left: -111px;}
.date-range-wrapper span[data-tooltip]:before{margin-left: -13px;}
.col-copy[data-tooltip]:after {
   margin-left: -41px;
}
.col-copy[data-tooltip]:before {
    margin-left: -13px;
}

/* integrations page */
.integration-circle i.fa.fa-check {
    color: white;
    background: green;
    padding: 5px;
    font-size: 15px;
    border-radius: 50px;
}
.integration-circle i.fa.fa-close {
    color: white;
    background: red;
    padding: 5px 6.6px;
    font-size: 15px;
    border-radius: 50px;
}

.btn-performance-pill:hover {
    border: 2px solid var(--purple) !important;
}
.text-without-underline {
    text-decoration: none;
}

/* DRILL DOWN TABLE */
#drilldown .domain-header {
    cursor: pointer;
    line-height: 1.2;
}
#drilldown label[data-tooltip]:after {
    width: 200px;
}
#drilldown .select2.select2-container{width: 50px!important;}

/* PERFORMANCE DASHBOARD */
#performance-dashboard .site-title {
    font-size: 1.05rem;
}
#performance-dashboard .site-item .summary ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#performance-dashboard .site-item .summary ul li {
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 1.0rem;
}
#performance-dashboard .site-item .summary ul li:first-child {
    font-size: 1.1rem;
}
span.summary-revenue a {
    color: var(--green);
    text-decoration: none;
}
span.summary-revenue a:hover {
    color: var(--purple);
}
.col-4.text-center.pr-0.pl-0.pfm-item:hover {
    background: var(--light-gray);
    border-radius: 5px;
}

.col-4.text-center.pr-0.pl-0.pfm-item:hover .chartBox {
    background: var(--light-gray);
    border-radius: 0px;
}
#performance-dashboard .site-item .chartBox,
#performance-dashboard .site-item .site-image,
#performance-dashboard .site-item .site-name {
    cursor: pointer;
    font-size: 1.3rem;
}
#performance-dashboard .site-item .site-image {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    position: relative;
    top: -3px;
}
#performance-dashboard .site-item .item-charts {
    min-height: 132px;
}
#performance-dashboard .site-item .page-data {
    font-size: 1.1rem;
}
#performance-dashboard .site-item .page-data .title {
    float: left;
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Hides any overflowing text */
    text-overflow: ellipsis; /* Displays an ellipsis (...) to indicate text truncation */
    width: 230px;
}
#performance-dashboard .site-item .page-data a {
    text-decoration: none;
}
#performance-dashboard .statCurrent {
    font-size: 16px;
    text-align: left;
}
.sticky-graphs {
    top:0;
    text-align: right;
    font-size: 0.9em;
}
.sticky-graphs ul {
    padding: 0;
    margin: 0;
    text-align: left;
}
.sticky-graphs ul li {
    list-style-type: none;
    cursor: pointer;
    position: relative;
    margin: 0;
}
.sticky-graphs ul li a.nav-link.advertiser {
    
}
.sticky-graphs > ul > li > ul > li h4 {
    font-weight: 500!important;
    color: var(--black);
}
.sticky-graphs > ul > li > ul > li.parent-report {
  padding: 2px 20px !important;
}
.sticky-graphs > ul > li > ul > li > ul > li a.nav-link,
#settings-page .sticky-graphs .parent-report-tab {
  padding: 3px 20px !important;
  border-radius: 10px;
}
.menu-pill {
    font-size: 18px !important;
    line-height: 1.75 !important;
}
.sticky-graphs > ul > li > ul > li > ul > li a.nav-link.active,
#settings-page .sticky-graphs .parent-report-tab.active {
    background: var(--purple);
    color: var(--white) !important;
    text-shadow: none !important;
}
.sticky-graphs > ul > li > ul > li > ul > li:hover {
    padding-left: 0!important;
}
.sticky-graphs > ul > li > ul > li > ul > li a.nav-link {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-weight: normal;
}
.sticky-graphs ul li.active {
    font-weight: 500;
}
.sticky-graphs ul li:hover {
    font-weight: 500;
}
.sticky-graphs ul li.disabled {
    opacity: 0.7;
    pointer-events: none;
}
.sticky-graphs ul li.active {
    opacity: 1;
}
#drilldown .nav-link.disabled {
    opacity: 0.7;
}
#drilldown .nav-link.active {
    opacity: 1;
}
input[name="daterange"] {
    width: 0 !important;
}
#dateRangeControl .input-group-text{margin-left: 5px;}
.date-range-picker{
    position: relative; 
    width: 230px !important;    
    display: flex;
    align-items: center;}
.date-range-picker button{
    background: transparent;
    z-index: 1;
    border: unset;
    height: 30px;
    font-size: 15px;
    text-align: center;
}
.date-range-picker button:hover{
    color: --var(--purple);
}
#start-picker{
    width: 105px;
}
#start-picker:hover,#end-picker:hover{
    color: var(--purple)!important;
}
#end-picker{
    width: 105px;
}

.chartLoadingBig {
    background-image: url(/static/images/loading.svg);
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: contain;
    background-color: inherit;
}
.no-snippet-installed-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}
.no-snippet-installed-wrapper .blur {
    background: var(--gray);
    position: absolute;
    width: 95%;
    height: 70%;
    top: 42px;
    margin-left: auto;
    margin-right: auto;
    left: -6px;
    right: 0;
    border-radius: 10px;
    z-index: 9;
    border: 1px solid #ced4da!important;
    display: block;
    padding: 50px;
    padding-top: 80px;
}
.no-snippet-installed-wrapper .blur h4 {
    font-size: 1.3rem;
}
.no-snippet-installed-wrapper .blur > ul {
    margin-bottom: 0;
}
.no-snippet-installed-wrapper .blur > ul > li {
    height: 20px;
}
.snippet-code {
    color: var(--black);
    text-decoration: none;
}
.snippet-code:hover {
    text-decoration: none;
    color: var(--black);
}
.message-1-wrapper .no-snippet-installed-wrapper .blur,
.message-2-wrapper .no-snippet-installed-wrapper .blur {
    width: 97%;
    left: -35px;
    height: 85%;
}
.message-1-wrapper.message-data-table .no-snippet-installed-wrapper .blur,
.message-2-wrapper.message-data-table .no-snippet-installed-wrapper .blur {
    width: 98%;
    left: 0;
    height: 85%;
    top: 13px;
}
.chartBox.dummyHeight {
    height: 177px;
}
.page-detail-nav {
    text-decoration: none;
    display: inline-block
}

.lasso-pagination-wrapper {
    float: right
}

.lasso-pagination-wrapper .paginationjs .paginationjs-pages > ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.lasso-pagination-wrapper .paginationjs .paginationjs-pages > ul > li {
    list-style-type: none;
    display: inline-block;
    cursor: pointer
}

.lasso-pagination-wrapper .paginationjs .paginationjs-pages > ul > li.active a {
    background: var(--purple);
    color: var(--white)
}

.lasso-pagination-wrapper .paginationjs .paginationjs-pages > ul > li a {
    text-decoration: none;
    border-radius: 5px;
    color: var(--black);
    transition: .2s ease;
    padding: 0.5rem 0.75rem
}

.lasso-pagination-wrapper .paginationjs .paginationjs-pages > ul > li a:hover {
    background: var(--purple);
    color: var(--white)
}

.btn-learn-perf {
    display: inline-block;
}
.btn-learn-perf a {
    display: table-cell;
    position: relative;
    top: 3px;
}

#drilldown .nav-item a.hover-underline:hover {
    text-decoration: none!important;
}


.select2-container--focus .select2-selection--multiple {
    height: 45px;
}
.select2-container--default .select2-selection--multiple {
    height: 45px;
    padding-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 0;
    background: var(--purple);
    color: var(--white);
    border: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    color: white;
    position: relative;
    float: right;
    padding-right: 10px;
    top: -2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background: transparent;
    color: white;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-left: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none;
}
.select2-container .select2-search--inline .select2-search__field {
    height: 28px;
    padding-top: 9px;
    font-size: 17px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 8px;
    padding-right: 8px;
}
.select2-container--default .select2-results__option--selected {
    background: transparent;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ced4da;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--purple);
}
span.trend i.fa-arrow-up {
    color: var(--green);
}
span.trend i.fa-arrow-down {
    color: var(--red);
}
.sticky-graphs > ul > li > ul > li.parent-report-tab {
    padding: 2px 20px !important;
}
.title-product-text-overflow-ellipsis {
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Hides any overflowing text */
    text-overflow: ellipsis; /* Displays an ellipsis (...) to indicate text truncation */
    width: 230px;
}
.title-link-text-overflow-ellipsis {
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Hides any overflowing text */
    text-overflow: ellipsis; /* Displays an ellipsis (...) to indicate text truncation */
    width: 90%;
}
.filter-btn {
    max-width: fit-content;
    margin-left: 10px;
}
.btn-filter-report-product {
    order: -1;
}
.site-title-vertical-align {
    display: flex;
    align-items: center;
}
.sticky-graphs > ul > li > ul > li.parent-report-tab {
    padding: 2px 20px !important;
}

/* Team page*/
#add-user-invite-modal .modal-header {
    border: none;
}
#add-user-invite-modal .modal-footer {
    border: none;
}

#add-user-invite-modal .roles ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 5px;
}
#add-user-invite-modal .roles ul li {
    background: var(--light-gray);
    margin: 0;
    cursor: pointer;
}
#add-user-invite-modal .roles ul li label {
    cursor: pointer;
    width: 100%;
}
#add-user-invite-modal .roles ul li:hover {
    /*background: var(--dark-gray);*/
    /*color: var(--white);*/
}
#add-user-invite-modal .roles ul li label i {
    float: right;
    display: none;
    position: relative;
    top: 5px;
}
#add-user-invite-modal .roles ul li input:checked ~ label i {
    color: var(--green);
    display: block;
}
#add-user-invite-modal .roles ul li #permission-partial:checked ~ .access-level-partial-wrapper {
    display: block;
}
#add-user-invite-modal .roles ul li .access-level-partial-wrapper .access-level-partial-sites table tr:hover {
    background-color: rgba(0,0,0,.05);
}
#add-user-invite-modal .piece-wrapper .access-level-partial-wrapper {
    display: block;
    /*padding-left: 23px;*/
    display: none;
}
#add-user-invite-modal .piece-wrapper .access-level-partial-wrapper label {
    display: inline-block;
    width: auto;
}
#add-user-invite-modal .roles .piece {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: 3px;
}
#modal-confirm-delete .email-delete {
    word-wrap: break-word;
}
.big-loading {
    background-image: url(/static/images/loading.svg);
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: contain;
    background-color: inherit;
    height: 300px;
    display: block
}
#menu-site {
    display: inline-block;
}

.filter-wrapper .filter-pill:nth-child(1) {
    padding-left: 0!important;
}

.truncate-text {
    width: 150px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.filter-pill {
    display: inline-block;
}
.filter-pill .custom-dropdown:hover .holder {
    border: 1px solid var(--purple);
}
.filter-pill .custom-dropdown.menu-site-items .holder {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
.filter-pill .custom-dropdown.menu-site-items .holder .site_selection i {
    position: absolute;
    right: 16px;
    top: 4px;
}
.filter-pill .custom-dropdown .holder {
    padding: 8px 15px!important;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #ced4da;
    background: white;
    white-space: nowrap;
}
.filter-pill .custom-dropdown[data-tooltip]:after {
    width: 100%;
    margin-left: 0;
    left: 0;
}
.filter-pill .custom-dropdown.apply-filter .holder {
    background: var(--light-purple);
    border-color: var(--light-purple);
    color: white;
}
.filter-pill .custom-dropdown.apply-filter .holder .label {
    width: 115px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top:1px;
}
.filter-pill .custom-dropdown.apply-filter .holder .dp-action i {
    color: white;
}
.filter-pill .custom-dropdown .holder .dp-action i {
    position: relative;
    top: -4px;
    float: right;
}
.filter-pill .custom-dropdown .holder .dp-action i.btn-clear-filter {
    top: 1px;
    right: -4px;
}
.custom-dropdown.menu-site-items.active .items {
    opacity: 1;
    z-index: 9;
}
.filter-pill .custom-dropdown input {
    line-height: 1.3;
    font-size: 16px;
}
.filter-pill .custom-dropdown .items {
    background: white;
    position: absolute;
    opacity: 0;
    z-index: -1;
    /*transition: all 0.25s ease-out,opacity 0.25s ease-in,margin-left 0.25s ease-out,clip-path 0.25s ease-out;*/
    /*margin-left: -5em;*/
    border-radius: 7px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20) !important;
    width: 600px;
}
.filter-pill .custom-dropdown .items.search_number {
    width: 350px;
}
.filter-pill .custom-dropdown .items .action {
    font-size: 16px;
    display: block;
    padding: 10px;
}
.filter-pill .custom-dropdown .items .action:hover {
    color: var(--purple);
}

.custom-dropdown.active .items {
    opacity: 1;
    z-index: 9;
}
#dateRangeControl input {
    font-size: 16px;
}
.filter-action .btn-show-filter-results {
    padding: 3px 15px;
    font-weight: normal;
}
.filter-action .btn-cancel-filter {
    padding: 3px 15px;
    color: var(--black);
    font-weight: normal;
}
.progress-bar-wrap .info {
    display: inline-block;
    width: 100%;
}
.progress-bar-wrap small {
    font-weight: bold;
}
.progress-bar-wrap .tracked-revenue-hint::before {
    content: '●';
    position: relative;
    top: -2px;
    font-size: 14px;
    color: var(--purple);
    font-weight: bold;
    right: 5px;
    opacity: 0;
}
.progress-bar-wrap .tracked-revenue-hint.active::before, .progress-bar-wrap .tracked-revenue-hint.notice::before {
    opacity: 1;
}
.progress-bar-wrap .tracked-revenue-hint.notice::before {
    color: red;
}
/* Vue components css*/
.input-wrapper .edit-block {
    position: absolute;
    right: 22px;
    top: 37px;
}
.input-wrapper label[data-tooltip]:before {
    margin-left: 0;

}
.input-wrapper label[data-tooltip]:after {
    width: 100%!important;
    margin-left: 0;
    left: 0;
}
.ls-toggle-wrapper .toggle-label {
    position: relative;
    top: 3px;
}

/* Plus page */
.bg-green {
    background: var(--green);
}
.bg-gray {
    background: var(--gray);
}
.plus-card .card-body ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}
.plus-card .card-body ul li {
    line-height: 1;
}

.lasso-stars {
    --rating: 3.5;
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: inherit;
    line-height: 1;
    margin: 0 0 10px 0;
    cursor: default!important;
}
.lasso-stars::before {
    content: '★★★★★';
    font-family: Times;
    letter-spacing: 1px;
    background: linear-gradient(90deg,#fc0 var(--percent),#e2e2e2 var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
.rating-container::after {
    content: attr(data-tooltip);
    position: absolute;
    margin-left: -50%;
    width: max-content;
}
.lasso-stars-value {
    font-size: 14px
}
.rating{display: inline-block;margin: auto; vertical-align: middle;}
.plus-rating-review{min-width: 1000%;}
.plus-rating-review small{
    cursor: default!important;
}

.plus-card .card-body ul.rating[data-tooltip]::after {
    width: 135px;
}
.plus-card .card-body ul.rating[data-tooltip]::before {
    left: 33.5%;
}
.plus-card .card-body ul li .plus-rating-review {
    color: var(--black);
}
.rating[data-rating="5.5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="4.5"] .rating__item:nth-child(-n+4):after, .rating[data-rating="4"] .rating__item:nth-child(-n+4):after, .rating[data-rating="3.5"] .rating__item:nth-child(-n+3):after, .rating[data-rating="3"] .rating__item:nth-child(-n+3):after, .rating[data-rating="2.5"] .rating__item:nth-child(-n+2):after, .rating[data-rating="2"] .rating__item:nth-child(-n+2):after, .rating[data-rating="1.5"] .rating__item:nth-child(-n+1):after, .rating[data-rating="1"] .rating__item:nth-child(-n+1):after, .rating[data-rating="0.5"] .rating__item:nth-child(-n+0):after, .rating[data-rating="0"] .rating__item:nth-child(-n+0):after {
  content: "";
}

.rating[data-rating="5.5"] .rating__item:nth-child(6):after, .rating[data-rating="4.5"] .rating__item:nth-child(5):after, .rating[data-rating="3.5"] .rating__item:nth-child(4):after, .rating[data-rating="2.5"] .rating__item:nth-child(3):after, .rating[data-rating="1.5"] .rating__item:nth-child(2):after, .rating[data-rating="0.5"] .rating__item:nth-child(1):after {
  content: "";
}

.plus-card .card-body ul.rating {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--yellow);
}
.plus-card .card-body ul.rating li {
  margin-bottom: 0;
}
.rating__item {
  font-size: 15px;
  display: block;
  font-family: FontAwesome;
}
.rating__item::after {
  content: "";
}
.plus-card .card-body .plus-popup-get-your-link {
    background: var(--light-gray);
    position: absolute;
    right: 20px;
    bottom: 53px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid var(--dark-gray);
    overflow: hidden;
    opacity: 0;
    z-index: -1;
}
.plus-card .card-body .plus-popup-get-your-link.show {
    opacity: 1;
    z-index: 9;
}
.plus-card .card-body .plus-popup-get-your-link ul li.tracking-id-hint span {
    display: block;
    padding: 10px 15px;
    white-space: nowrap;
    color: var(--dark-gray);
}
.plus-card .card-body .plus-popup-get-your-link ul li {
    padding: 5px 0px;
}
.plus-card .card-body .plus-popup-get-your-link > ul {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.plus-card .card-body .plus-popup-get-your-link ul li.tracking-id span {
    display: block;
    padding: 0 30px;
    white-space: nowrap;
}
.plus-card .card-body .plus-popup-get-your-link ul li.tracking-id:hover {
    background: white;
}
.plus-card .card-body .plus-popup-get-your-link .add-new-tracking-id {
    margin-bottom: 1rem;
}
.plus-card .card-body .plus-popup-get-your-link .add-new-tracking-id:hover {
    color: var(--purple);
}

.card .card-body .plus-hint-left {
    display: inline-block;
    padding: 3px 4px;
    color: white;
    width: 100%;
    border-radius: 5px;
}

.card .card-body .actions-right:hover {
    background: #0f7d6a ;
}
.card .card-body .actions-right {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    height: 100%;
    width: 100%;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    left: 0;
}

.card .card-body .actions-right i {
    color: white;
    position: relative;
    top: 4px;
}
.card .card-body .img-preview {
    height: 180px;
    position: relative;
    overflow: hidden;
}
.card .card-body .img-preview img {
    max-width: 100%;
    /*object-fit: cover;*/
    object-position: center;
    object-fit: contain;
 }
 .card .card-body .card-title {
     height: 60px;
     overflow: hidden;
 }
 .card .card-body .commission[data-tooltip]::after {
     width: 195px;
 }
#AffPlus {
    position: relative;
    width: 100%;
    height: 100%;
}
#AffPlus .wrap-aff {
    width: 100%;
    height: 100%;
}
.plus-groups, .plus-brands {
    padding: 0;
    list-style: none;
}
.plus-brands-wrapper .clear-brand i {
    float: right;
    top: 7px;
    position: relative;
    right: 5px;
}
.plus-groups li a, .plus-brands li a{
    text-decoration: none;
    color: var(--black);
}
.plus-groups > li > ul {
    padding: 0;
    list-style: none;
}
.plus-groups > li > ul > li, .plus-brands > li {
    line-height: 1.5;
    margin-bottom: 0;
}
.plus-groups > li > ul > li a:hover, .plus-brands > li a:hover {
    text-decoration: none;
    color: var(--purple);
}

.plus-brands li {
    display: block;
    border-radius: 5px;
    position: relative;
}
.plus-brands > li > a i {
    font-size: 13px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.plus-brands > li > a {
    display: block;
    padding: 2px 15px;
    border-radius: 5px;
}
.plus-brands li.active {
    background: var(--green);
}
.plus-brands li.active a {
    color: var(--white);
}

.pagination > li > a {
    text-decoration: none;
    color: var(--purple);
}
.pagination > li > a .page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(94,54,202,.25);
}
.page-item.active .page-link {
    z-index: 1;
    color: var(--white);
    background-color: var(--purple);
    border-color: var(--purple);
}

.hover-gray {
    position: relative;
    transition: ease 0.25s !important;
}
.hover-gray:hover {
    background-color: var(--light-gray);
}

.text-break {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* we will explain what these classes do next! */
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}

.v-enter-from,
.v-leave-to {
    opacity: 0;
}
.page-item.go-to-page[data-tooltip]:after {
    width: 122px;
    margin-left: 0;
    left: -102%;
}
.page-item.go-to-page input {
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dee2e6;
    width: 60px;
    color: var(--purple);
}

.earnings-block {
    padding: 15px;
    min-height: 200px;
}
.earnings-block p {
    line-height: 1.5;
}
.earnings-block ul {
    list-style: none;

}
.earnings-block ul li {
    line-height: 1.5;
    margin-bottom: 0;
}
.earnings-block .earnings-heading {
    text-decoration: underline;
}

/* ONBOARDING */
#onboarding-wrapper .container {
    max-width: 1280px;
}
#ob-integrations #ob-wrapper {
    padding: 20px 15px;
}
#ob-integrations #ob-wrapper > .container,
#ob-invites #ob-wrapper > .container {
    padding-right: 35px !important;
    padding-left: 35px !important;
}
#ob-integrations #request-integration {
    margin-top: -20px;
    padding-bottom: 0 !important;
}
#ob-integrations h1 {
    font-size: 40px;
}
#ob-invites .lasso-pagination-wrapper {
    display: none;
}
#ob-invites .users-invitation-wrapper button {
    margin-left: 5px;
}
#ob-currency select {
    max-width: 128px;
}

/* Modal add new link */
.modal-new-link h2 {
    font-size: 2rem;
}
.modal-new-link .hint-multilinks {
    font-size: 13px !important;
    font-weight: normal;
}
.modal-new-link .preview-multilinks {
    overflow-x: scroll;
    overflow-wrap: initial;
    position: relative;
    overflow-y: hidden;
}
.modal-new-link .preview-multilinks ol {
    margin-bottom: 0;
}
.modal-new-link .preview-multilinks ol li {
    list-style-type: number;
    white-space: nowrap;
    line-height: 1.2;
}

.icon-group {
    cursor: pointer;
    border: 0.2rem solid var(--purple);
    border-radius: 0.75rem !important;
}

.icon-group:hover {
    transition: 0.3s;
    box-shadow: 5px 5px 25px rgba(var(--purple), 0.15);
    background: var(--gray);
}

/* Properties */
.amazon-wrap .form-group label {
    display: block;
}
.select-single + .select2 {
    width: 100%!important;
    border-radius: 5px;
    border: 1px solid #aaaaaa;
    display: block;
    position: relative;
}
.select-single + .select2 .selection {
    display: inline-block;
    width: 100%;
}
.select-single + .select2 .select2-selection__rendered {
    display: inline-block;
    background: var(--purple);
    color: var(--white);
    padding: 5px 10px;
    position: relative;
    overflow: auto;
    border-radius: 5px;
}
.select-single + .select2 .select2-selection__rendered.text-muted {
    background: transparent;
}

.select-single + .select2-container--default .select2-selection--single {
    border-radius: 0;
    border: 0;
    margin: 4px;
}
.select-single + .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}
.select-single + .select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}

.amazon-wrap .tracking-ids ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.amazon-wrap .tracking-ids ul li {
    display: inline-block;
    background: var(--purple);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}
.amazon-wrap .tracking-ids ul li:hover {
    background: var(--light-purple);
}
.amazon-wrap .tracking-ids ul li .btn-remove-tracking-id:hover {
    color: var(--red);
}

.image-uploader input[type="file"] {
    display: none;
}
.image-uploader .image-thumbail {
    display: block;
    border-radius: 5px;
    overflow: hidden;
}
.image-uploader .image-thumbail:hover {
    opacity: .8;
}

/* modal add link to Category*/
.modal-xxl{
    max-width: 1000px
}
.modal-add-link a{
    text-decoration: none;
}
.modal-add-link .btn-add-link{width: 140px;}

/* toasts css */
.toast-container{
    position: fixed; right: 20px; bottom: 85px;
    z-index: 1000;
}
.toast-container .error-toast, .toast-container .error-toast button, .toast-container .error-toast i {
    font-weight: bold;
    color: white;
    background: #E06470;
    font-size: 20px;
}
.toast-container .success-toast, .toast-container .success-toast button, .toast-container .success-toast i {
    font-weight: bold;
    color: white;
    background: var(--green)!important;
    font-size: 20px;
}
.fade:not(.show){
    display: none;
}
.fade.show{
    display: block;
}

/* Paging */
.ls-paging-wrap {
    font-size: 16px;
}
.ls-paging-wrap .btn-paging {
    background: transparent;
    border: none;
    color: var(--black);
    font-size: 16px;
    margin-top: 12px;
}
.ls-paging-wrap .btn-paging.disabled {
    color: var(--gray);
    cursor: not-allowed;
}
.ls-paging-wrap .btn-paging.disabled:hover {
    color: var(--gray);
}
.ls-paging-wrap .btn-paging:hover {
    color: var(--purple);
}
.ls-paging-wrap .btn-paging:focus {
    outline: none;
    transition: ease .25s;
}
.ls-paging-wrap .pagination {
    margin: 0;
    padding: 0;
}
.ls-paging-wrap .pagination .page-item .page-link {
    border: none;
    background: transparent;
    color: var(--black);
    border-radius: 0.5rem;
}
.ls-paging-wrap .pagination .page-item .page-link:hover {
    color: var(--purple);
    transition: ease .25s;
}
.ls-paging-wrap .pagination .page-item .page-link:focus {
    box-shadow: none;
}
.ls-paging-wrap .pagination .page-item .page-link:active {
    outline: none;
}
.ls-paging-wrap .pagination .page-item.go-to-page {
    margin-left: 5px;
    margin-right: 5px;
}
.ls-paging-wrap .pagination .page-item.active .page-link {
    background: var(--purple);
    color: var(--white);
    padding: .5rem .85rem;
}

/* Notification */
.noti-wrap {
    font-size: 16px;
}
.noti-wrap a {
    text-decoration: none;
    color: var(--green)
}

/* Progress Bar */
.progress {
    background-color: var(--gray);
    border-radius: 0.5rem;
}
.progress-loading {
    background-color: var(--purple) !important;
}
.progress .progress-bar {
    transition: width 1s ease !important;
}

.link-pointer:hover {
    cursor: pointer;
}

.ls-filter .sort-by-modal {
    left: auto;
    right: 0;
}

.ls-filter .sort-by-modal-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* multiple select */
.multiselect__tags{
    border: 1px solid var(--gray);
    border-radius: 0.5rem;
    cursor: text;
    min-height: 45px;
    font-size: 16px;
    font-weight: 400;
}
.multiselect__tag{background: var(--purple);}
.multiselect__tag-icon, .multiselect__tag-icon::before, .multiselect__tag-icon::after{
    color: var(--white);
}
.multiselect__option--selected{
    background: var(--purple)!important;
    color: var(--white);
}
.multiselect__option--selected::after{
    display: none!important;
}
.multiselect__placeholder{
    color: var(--black);
    padding-top: 4px;
    font-size: 16px;
    font-weight: 400;
}
.multiselect__option--highlight{
    background: var(--light-purple);
    color: var(--white);
}
.multiselect__option--highlight::after{
    display: none!important;
}
.form-control.is-invalid{
    border-color: #dc3545!important;
}

/* Dashboard detail custom */
#dashboard-detail img.upload-images-size-320 {
    width: 320px !important;
    height: 320px !important;
}

#category-details img.img-cover-center {
    object-fit: cover;
    object-position: center;
}

.image-uploader .image-thumbail .action-upload {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 30px;
    opacity: 0;
    z-index: -1;
}
.img-cover-center {
    object-fit: cover;
    object-position: center;
}
.upload-images-size-150 {
    width: 150px;
    height: 150px;
}
.images-container-collage-size-150 {
    width: 150px;
    height: 150px;
}

/** Collage Images Logic **/

.images-container-collage img.img-collage {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
}

.images-container-collage {
    width: 280px;
    height: 280px;
    /* width: 50%; */
    display: flex;
}
.images-container-collage-size-150 {
    width: 150px;
    height: 150px;
}
.images-container-collage-size-75 {
    width: 75px;
    height: 75px;
}
.images-container-collage .item {
    flex: 1 1 100%;
}
.images-container-collage .item + .item {
    padding-left: 0px;
}
.images-container-collage .item-flex {
    display: flex;
    flex-direction: column;
}
.images-container-collage .item-flex img + img {
    margin-top: 0px;
}
.images-container-collage .item-flex-img {
    height: 50%;
}
.images-container-collage .item-flex-img-big {
    height: 50%;
}
.images-container-collage.center {
    margin: 0 auto;
}
.image-uploader.center {
    margin: 0 auto;
}


/* Opportunity */
.switch-arrows-match {
    position: relative;
    top: 40%;
}
.switch-arrows-wrap {
    height: 100%;
    position: relative;
}
.switch-arrows {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
}
.switch-arrows i:nth-child(1) {
    color: var(--purple);
}
.switch-arrows i:nth-child(2) {
    color: #7f61cf;
}
.switch-arrows i:nth-child(3) {
    color: #9782cd;
}
.product-badge {
    position: absolute;
    background: var(--purple);
    color: var(--white);
    right: -20px;
    top: -4%;
    padding: 7px 20px;
    font-size: 18px;
}
.product-badge:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 100%;
    right: 0;
    border-left: 0 solid transparent;
    border-right: 17px solid transparent;
    border-top: 13px solid #4214bf;

}
.opportunity-box .card-body ul.rating {
    display: inline-flex;
}

.opportunity-box .card-body ul.rating[data-tooltip]::before {
    left: 29.5%;
}
label[data-tooltip]:after {
    width: 200px;
}
.opportunity-box .card-body .commission[data-tooltip]::after,
.opportunity-box .card-body .commission[data-tooltip]::before {
    left: 34%;
    bottom: 15px;
}
.opportunity-box .card-body .img-preview {
    height: auto;
}
.opportunity-box .card-body .desktop-only {
    padding: 10px;
}

#plus-on-board .modal-add-connection button.close {
    font-size: 24px;
}
.header-section {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: nowrap;
}



.paginationjs-pages{
    display: flex;
    justify-content: center;
}
.users-invitation-wrapper{margin-top: 1rem;}
.dk-display{display: block;}
.mb-display{display: none;}
.opportunity-box .card-body {
    padding: 1rem;
}
.card-body .img-preview {
    text-align: center;
}
.card-body .img-preview > img {
    /*width: 300px;*/
    height: 350px;
    /* object-fit: cover;
    object-position: center; */
}
.card-body .img-preview:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    /* background-color: #111; */
    opacity: .03;
    border-radius: 7.5px 7.5px 0 0;
}
.switch-arrows-col{
    padding: 0;
}
.dismiss-opportunity-btn {
    color: var(--dark-gray);
    cursor: pointer;
    font-size: 15px;
    font-weight: 500!important;
    background: var(--light-gray);
}
.btn.dismiss-opportunity-btn:hover {
    color: var(--dark-gray);
}
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.submit-dismiss-opportunity {
    font-weight: 700 !important;
    border-radius: 0.35rem !important;
}
.skip-dismiss-opportunity {
    font-weight: 700 !important;
    font-size: 16px;
}
.modal-dismiss-opportunity .custom-control.custom-radio {
    font-size: 16px;
    margin-bottom: 0.1rem;
}
.modal-dismiss-opportunity .modal-body {
    padding: 25px 60px;
}
.modal-see-all-sources .modal-body {
    padding: 25px 60px;
    background-color: var(--light-gray);
    border-radius: 1.5rem;
}
.modal-see-all-sources .modal-dialog {
    max-width: 800px;
}
/*.dismiss-opportunity-btn-warning{
    font-size: 15px;
}*/
.opportunity-title-block{
    margin-bottom: 25px !important;
}
.box-sources {
    max-height: 300px;
    overflow-y: scroll;
    border-radius: 1.5rem;
}
.plus-rating-review small{
    color: var(--blue);
    font-weight: 600;
}
span.revenue-30d-text{
    color: var(--green);
    font-size: 23px;
    font-weight: 400;
}
/* .a-price-symbol {
    position: relative;
} */
.a-price {
    font-size: 23px;
    text-align: left;
}
.a-price .a-price-symbol {
    position: relative;
    top: -.4em !important;
    font-size: 13px;
}
.a-price .a-price-whole {
    margin-left: 1px;
}
.a-price .a-price-fraction {
    position: relative;
    top: -.5em;
    font-size: 13px;
    margin-left: 0;
}
.a-price .a-price-decimal {
    position: absolute;
    opacity: 0;
}

/* revenue responsive */
#dp-menu-sites {
    margin-right: 0.5rem;
    min-width: 90px;
}
#topMenu{display: none;}
.btn-request-2{
    text-decoration: underline;
}
/* wordpress site */
.learn-btn{line-height: 20px;}
.btn-line-height-default{line-height: 1.75 !important;}
#btnAddSite{float: left;}
.mobile-only {
    display: none;
}
.chartBox.largeChart{margin-top: 2rem!important;}
.chartBox.largeChart.seller-chart{margin-top: 0!important;}
.href-links{margin-left: 26px;}
/*#dashboard-links{padding: 2rem!important;}*/
.premium-box {
    text-align: left;
    padding: 5px;
    background: linear-gradient(45deg, #5E36CA, #22BAA0, #00FFD3);
    border-radius: 10px;
}
.premium-box h3 {
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 0;
}
.hint-to-upgrade .crown i {
    font-size: 24px;
    color: var(--green)
}
.premium-box .btn-upgrade { background: linear-gradient(45deg, #5E36CA, #22BAA0, #22BAA0) !important; border: none; padding: 4px 12px}
.premium-box .btn-upgrade:hover { background: linear-gradient(45deg, #22BAA0, #5E36CA, #5E36CA) !important;}
.wrap-ls-sidebar .ls-sidebar-footer .dp-account-menu-left .dropdown-toggle{
    white-space: nowrap;
}

.btn.btn-secondary.dropdown-toggle{
    padding: 0 10px 0 0 !important;
}
.wrap-ls-sidebar .ls-sidebar-footer .dp-account-menu-left > ul.dropdown-menu > li{
    padding: 0.2rem 1rem!important;
}
.dropdown-menu li{
    border-bottom: 1px solid var(--light-gray);
}
.dropdown-menu li:hover{
    background-color: var(--light-gray);
}
.sidebar .position-relative{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.ls-sidebar-footer.toggle .dropdown-toggle{
    padding: 0!important;
}
#HubApp {
    background-color: var(--light-gray);
}

.wrapper-opportunity-box .wrapper-opportunity-box-inside {
    border: 2px solid var(--gray);
    padding-bottom: 0!important;
}
.opportunity-box .wrapper-switcher {
    position: absolute;
    right: 0;
}
.opportunity-box .wrapper-switcher-mb {
    display: none;
}
.opportunity-box h3 {
    font-size: 1.6rem;
}
.opportunity-box ul.switcher {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
    padding-top: 8px;
    font-size: 16px;
}
.opportunity-box ul.switcher li {
    display: inline-block;
    margin-bottom: 0;
}
.opportunity-box .wrapper-switcher-mb ul.switcher {
    padding-top: 0;
}

.opportunity-box ul.switcher li:first-child:hover, .opportunity-box ul.switcher li:last-child:hover {
    background: var(--light-gray);
}
.opportunity-box ul.switcher li:nth-child(1), .opportunity-box ul.switcher li:nth-child(3) {
    border: 1px solid var(--gray);
    border-radius: 5px;
    padding: 0px 8px;
    cursor: pointer;
}
.opportunity-box .card{
    border: 3px solid var(--dark-gray);
    border-radius: 10px;
    font-size: 16px;
}
.opportunity-box .card:not(.suggestion-product){
    border: 1px solid var(--dark-gray);
}
.opportunity-box .card.suggestion-product {
    border-color: var(--purple);
}
.opportunity-box .card-body {
    padding: 0;
    border: solid 1px rgba(41, 133, 133, .08);
    border-radius: 10px;
    text-align: left;
}
.opportunity-box img{
    padding: 10px;
}
.opportunity-box .card-title a {
    color: #444444!important;
    font-size: 25px !important;
    font-weight: 400 !important;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
}
.opportunity-box .card-body .info .opportunity-img {
    height: 180px;
    object-fit: cover;
    object-position: center;
    /*border-radius: 10px;*/
    overflow: hidden;
}
.opportunity-box .card-body .info .title {
    line-height: 1.3;
}
.opportunity-box .card-body .info .opportunity-img img {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 180px;
    object-fit: cover;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.opportunity-box .card-body .info .opportunity-img:after {
    height: 180px;
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    background-color: #111;
    opacity: .08;
    border-radius: 10px;
}

.opportunity-box .card-body .info .earnings-info {
    background: var(--light-gray);
}
.opportunity-box .card-body .info .earnings-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.opportunity-box .card-body .info .earnings-info ul li p {
    margin-bottom: 0;
}
.opportunity-box .card-body .info .match {
    border-radius: 15px;
    padding: 7px 20px;
    background: var(--light-purple);
    display: inline-block;
    color: white;
    margin: 0 auto;
}
.opportunity-box .card.suggestion-product .earnings-info .value {
    color: var(--green);
}

/*.opportunity-box .card-body .info .opportunity-img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: gray; !* Gray background for the pseudo-element *!
  z-index: 1; !* Ensure the background is behind the content *!
  border-radius: inherit; !* Match the border radius of the parent element *!
}*/
.commission[data-tooltip]:before{
    margin-left: 60px!important; 
}
#content-container{
    width: 100%;
}
#performance-detail{
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: auto;
}
#SideBarMenu .nav-link {
    transition: unset!important;
}
.size-35px{
    width: 35px;
    height: 35px;
}
.filter-wrapper{
    display: flex;
    gap: 10px;
}
.btn-close-mode{
    cursor: pointer;
}
.modal-tracking-id .custom-control.custom-radio {
    font-size: 16px;
    margin: 1rem;
}
    
.modal-tracking-id .modal-body {
    padding: 25px 80px;
}
.fs-16px{
    font-size: 16px;
}
.tracking-text{
    display: flex;
    align-items: center;
}
.tracking-text:hover{
    cursor: pointer;
    background-color: var(--light-gray);
}
.selected-tracking-id{
    background-color: var(--purple)!important;
    color: white;
}
.tracking-text .fa-solid.fa-xmark{
    cursor: pointer;
    padding-right: 10px;
}
.lk-opp{
    color: var(--purple)!important;
    text-decoration: underline!important;
}
.dropdown-menu.show{
   transform: translate3d(209px, -145px, 0px)!important;
}
.admin .dropdown-menu.show{
   transform: translate3d(203px, -265px, 0px)!important;
}

/*.is-admin .dropdown-menu.show{
    transform: translate3d(203px, -380px, 0px)!important;
 }*/
.plus-notify{
    position: absolute;
    font-size: 10px !important;
    top: 0;
    right: 0px;
    background-color: unset!important;
}
.btn-apply-opportunity:disabled{
    width: 200px
}

.text-decoration-underline{
    text-decoration: underline!important
}

/*** LINKS PAGE ***/
#dashboard-links #menu-sites{
    min-width: 125px;
}
#dashboard-links .filter-pill .custom-dropdown .items {
    width: unset !important;
}
#dashboard-links .custom-dropdown.menu-site-items i {
    padding-left: 15px;
}
#dashboard-links #menu-sites .site_selection{
    margin-right: 8px;
}
#dashboard-links #menu-sites .item-box{
    cursor: pointer;
}
#dashboard-links #menu-sites .item-box:hover{
    color: var(--purple);
}
#dashboard-links .filter-pill .custom-dropdown .holder {
    padding: 11px 18px !important;
}
#dashboard-links .filter-pill .custom-dropdown .holder {
    font-size: 18px;
}
#dashboard-links .filter-pill .custom-dropdown.menu-site-items .holder .site_selection i {
    top: 7px;
}
.code-container {
    background-color: var(--light-gray);
    padding: 5px 5px;
    border-radius: 5px;
    font-size: 18px;
    margin: 0 4px;
}

.copy-icon {
    margin-left: 5px;
    cursor: pointer;
    font-size: 18px;
}
.copy-icon:hover i{
    color: var(--purple);
}
#copy-amazon-email[data-tooltip]:after{
    width: 150px;
    margin-left: -80px;
}

/*** UP-SELL PAGE ***/
.plan-feature-list {
    list-style: none;
}

.plan-feature-list li {
    display: flex;
}

#plan-1-feature-list {
    padding-left: 30px;
}

.plan-feature-list li:before {
    content: "\2714\0020";
    color: #22baa0;
}

.plan-feature-list li [data-tooltip]::before {
    border-top-color: var(--black);
    margin-left: 0;
    left: 59%;
}

.plan-feature-list li [data-tooltip]::after {
    left: 50% !important;
    background: var(--black);
    width: 250px;
}

.w-20 {
    width: 400px;
}
.w-p-45 {
    width: 45%;
}
#start-up-upsell{
    overflow: hidden;
}
.feature-list li {
    opacity: 1;
    transition: opacity .2s;
    text-indent: unset!important; 
    padding-left: unset!important; 
    font-size: 18px;
}
/*** END UP-SELL PAGE ***/

/* Model result-create-link */
.result-create-link {
    font-size: 16px;
}
.result-create-link .modal-body {
    padding: 2rem 2.5rem!important;
    font-weight: 400;
}
.result-aff-link {
    border-bottom-width: 1px;
    border-style: solid;
    border-radius: 5px;
    background: var(--gray);
    line-height: 24px;
    word-break: break-word;
    padding: .5rem 1rem !important;
    overflow-wrap: break-word;
}
p.result-aff-link span {
    display: inline-block;
    padding: 4px;
    background-color: var(--green);
    color: var(--white);
    border-radius: 3px;
    text-align: center;
} 
.wrapper-btn-copy {
    background: var(--green);
    height: 100%;
    display: block;
    width: 50px;
    border-radius: 5px;
}
/*.wrapper-btn-copy i {
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    background: var(--dark-gray);
    font-size: 25px;
    color: white;
}*/
.dashed {
    border-top: 2px dashed #ced4da;
}
.multiselect__single {
    top: 4px;
}
ul.your-sites {
    list-style: none;
    margin: 0;
    border: 1px solid var(--gray);
    border-radius: 0.5rem;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
ul.your-sites li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    background: var(--purple);
    color: white;
    border-radius: 0.7rem;
    padding: 0px 15px;
}

.dtc-tag {
    color: white;
    padding: 2px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
}
.dtc-tag.amz {
    background-color: #FF9900;
}
.dtc-tag.shopify {
    background-color: #96bf47;
}
.dtc-tag.other {
    background: var(--purple);
}
.fs-5 {
    font-size: 1.25rem!important;
}
.ls-rounded, .rounded, .modal-content {
    border-radius: 0.75rem;
}
.fs-3 {
    font-size: 1.75rem!important;
}
.ms-2 {
    margin-left: .5rem !important;
}
.me-2 {
    margin-right: .5rem!important;
}
.create-link-multiselect .multiselect__tag {
    border-radius: 15px;
}
.create-link-multiselect .multiselect__tag .multiselect__tag-icon {
    top: -1px;
}
ul.list-link > li {
    word-break: break-word;
}

.is-seller .dropdown-menu.show{
    transform: translate3d(215px, -145px, 0px) !important;
}

.is-admin.is-seller .dropdown-menu.show{
    transform: translate3d(215px, -270px, 0px) !important;
}

/*** PILL LABEL ***/
.pill-label {
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 20px;
    background-color: var(--green);
    color: var(--white) !important;
    transition: ease 0.25s !important;
    white-space: normal;
    user-select: none;
}
.aff-user .install-perf-box p {
    line-height: 1.3;
}
/*** END PILL LABEL ***/

/** END LINKS PAGE **/
@media (max-width: 767px) {
    body{
        font-size: 16px
    }
    .navbar .logo-box {
        width: 160px !important;
    }
    .login-signup-header h2 {
        margin-top: 40px;
    }
    .search-button, .sidebar-pusher {
        right: 0px;
    }
    .page-content>.d-flex{
        gap: 0!important;
    }
    h1{font-size: 24px;}
    h2{font-size: 22px;}
    h3{font-size: calc(1.3rem + .6vw);}
    h4{font-size: 18px;}
    h5{font-size: 16px;}
    .p-4{padding: 1rem!important;}
    .p-3{padding: 0.7rem!important;}
    .p-2{padding: 0.5rem!important;}
    .mt-4{margin-top: 1rem!important;}
    .mb-4{margin-bottom: 1rem!important;}
    .py-4{padding-top: 1rem!important;padding-bottom: 1rem!important;}
    .py-2{padding-top: 0.5rem!important;padding-bottom: 0.5rem!important;}
    .py-3{padding-top: 0.7rem!important;padding-bottom: 0.7rem!important;}
    .px-3{padding-right: 0.7rem!important;padding-left: 0.7rem!important;}
    .px-4{padding-right: 1rem!important;padding-left: 1rem!important;}
    .mt-3{margin-top: 0.5rem!important}
    .pt-5{padding-top: 2rem!important;}
    .pb-5{padding-bottom: 2rem!important;}
    .btn{
        padding: 0.5rem 1rem;
        line-height: 1.5;
    }
    .btn.black-border{padding: 7px 15px!important;}
    span{font-size: 16px;}
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-right: 10px;
        padding-left: 10px;
    }
    .dk-display{display: none;}
    .mb-display{display: block;}
    /* reponsive settings */
    .users-invitation-wrapper{margin-top: 0rem;}
    #settings-page{ padding: 0 10px!important;}

    #image-overview-wrap{
        margin-top: 10px;
        width: 110px;
        height: 110px;
    }
    .form-group label{
        font-size: 16px;
    }
    #setting-general-wrap .form-group{
        font-size: 16px;
        text-align: left;
    }
    /* input.form-control, textarea.form-control, select.form-control{
        padding: 0.3rem .5rem !important;
    } */
    #setting-general-wrap select {
        height: 34px !important;
    }
    h1,h2,h3,h4,p,
    #settings-page div{
        text-align: left;
    }
    .amazon-wrap .tracking-ids ul li{padding: 0 10px;}
    .progress-bar-wrap{min-height: 140px;}
    .team-permission{
        display: flex;
        flex-direction: row;
    }
    .team-permission>.row{display:flex;width: 25%;margin-bottom: 20px;}
    .team-permission>.row>div, .users-invitation-wrapper>.row>div{margin-bottom: 10px;}
    /* reponsive perfomance  */
    .header-container{display: flex;flex-direction: column-reverse;gap: 5px;}
    .custom-dropdown span{font-size: 12px;}
    .date-range-picker{width: 185px !important;}
    .date-range-picker button{height: 25px;font-size: 11px;}
    .seperate{font-size: 13px;}
    .custom-dropdown .holder{display: flex;}
    .custom-dropdown.active .items, .filter-pill .custom-dropdown .items.search_number{width: 100%;margin-top: 5px;}
    .filter-pill .custom-dropdown .items{left: 0;}
    .search_text .form-control.search_keyword,.search_number .form-control.search_to{margin-top: 10px;}
    .form-control{font-size: 13px;}
    .filter-pill .custom-dropdown input{font-size: 16px;}
    .date-range-wrapper{margin-top: 5px;}
    #lineChart1 .tick:nth-child(odd) {display: none;}
    .chart-left{text-align: left;}
    #dateRangeControl{padding: 0!important;margin-right: 5px;}
    /* .domain-table{padding: 0!important;} */
    .domain-header{padding: 5px 0!important;font-size: 13px; text-align: center!important;}
    #drilldown div{text-align: center!important;font-size: 13px!important;white-space: nowrap;}
    #drilldown a,#drilldown a span{text-align: left!important;}
    #drilldown span{white-space: nowrap!important;}
    .domain-body div, #drilldown .col-2,#drilldown .col-3,#drilldown .col {white-space: nowrap!important;}
    .href-links{margin-left: 5px;}
    #drilldown img{display: none;}
    #drilldown a span{font-size: 13px!important;}
    .footer-paging{display: flex;align-items: center;}
    .select-domain-limit + .select2-container--default .select2-selection--single{
        padding: 2px 5px!important;
        width: 45px;
    }
    .footer-paging .select-custom + .select2-container--default .select2-selection--single .select2-selection__arrow{left:2px;top: -4px!important;}
    small{font-size: 13px!important;}
    #drilldown .row.mb-4 .col{padding-right: 0!important;padding-left: 0!important;}
    .paginationjs-pages a{font-size: 13px!important;}
    .daterangepicker .ranges{display: none;}
    .custom-dropdown .holder{display: flex;}
    #dp-menu-sites{width: 130px!important; float: right!important;}
    #network-item span{text-align: left!important;}
    .fas.fa-calendar-alt{font-size: 13px;}
    .menu-site-items.active .sub-menu {
        z-index: 9;
        width: 60%;
        left: 3px;
        text-align: left;
    }
    .performance-detail{width: 45px!important;}
    /* .select2-dropdown.select2-custom{width: 45px!important;} */
    #dp-menu-sites {
        margin-right: 0;
    }
    .domain-header .caret{display: none;}
    .lasso-pagination-wrapper.py-3{width: 100%!important;}
    .filter-pill{float: right;padding-right: 4px;}
    .domain-header [data-tooltip]{display: none!important;}
    .select2-container .select2-selection--single .select2-selection__rendered{padding-right: unset!important;padding-left: 16px!important;}
    #topMenu{display: flex; margin-bottom: 1rem}
    nav li{width: auto;}
    /* integrations */
    .btn-learn-perf{display: none;}
    #integration .btn-purple.btn-open-modal{width: 100%;padding: 10px;}
    .header-integration{display: flex;align-items: flex-end;}
    #integration .intro{display: none;}
    .select2-container .select2-search--inline .select2-search__field{
        height: 20px!important;
        padding-top: 5px!important;
        font-size: 13px!important;
    }
    .select2-container--default .select2-selection--multiple{height: 35px!important;}
    /* wordpress sites */
    .learn-btn{line-height: 20px;font-size: 12px!important;}
    .mb-text-left{text-align: left;}
    .mb-float-left{float: left;}
    .mb-fs-14{font-size: 14px!important;}
    #user-installs div, #user-installs a{font-size: 13px!important;}
    #user-installs .py-3{padding-top: 0.4rem!important;padding-bottom: 0.4rem!important;}
    .container-sites{display: flex;flex-direction: column;}
    #lassomonthly{padding: 4px 15px!important;}
    .container-top-menu {
        display: flex;
        align-items: center;
      }

    .nav-button {
        width: 30px;
        position: absolute;
        top: 10px;
        border: none;
        padding: 5px;
        cursor: pointer;
        border-radius: 5px;
        outline: none;
        user-select: none;
        transition: background-color 0.3s ease;
      }

    .scroll-container {
        overflow-x: auto;
        white-space: nowrap;
        flex-grow: 1;
        scroll-behavior: smooth;
    }
    .pointer.item {
        display: inline-block;
        padding: 10px;
        text-align: center;
        border-radius: 4px;
        transition: transform 0.3s ease;
      }
    .nextBtn{
        right: 15px;
        text-align: right;
        font-size: 22px;
        background: #f7f7fc;
    }
    .prevBtn{
        left: 15px;
        text-align: left;
        font-size: 22px;
        background: #f7f7fc
    }
    .scroll-container {
        overflow-x: hidden;
        white-space: nowrap;
        flex-grow: 1;
        scroll-behavior: smooth;
    }
    .filter-wrapper{display: flex;overflow: scroll; justify-content: space-between;}
    /* install performance */
    #show_install{padding-left: 10px!important;}
    #show_install .install-section-title{text-align: left!important;}
    input.form-control.site-add-box{padding: .6rem !important;}
    .code.language-html span{font-size: 12px!important;}
    .copy-button{
        padding: 8px !important;
        font-size: 14px !important;
    }
    .select2-selection__choice span span{font-size: 13px!important;}
    #integration .select2-container--default .select2-selection--multiple{height: 40px!important;}
    .footer-export div{display: flex;justify-content: center;align-items: center;}
    .footer-export .select2-selection__arrow{    left: 0;top: -4px!important;}
    .page-content .nav.font-weight-bold{
        display: flex;
        overflow: scroll;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        padding-left: 15px;
    }
    #select2-userCurrency-container-choice-6sct-USD{font-size: 14px!important;}
    #select2-userCurrency-container .select2-selection__choice__display{font-size: 13px!important;}
    .date-range-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;}

    .switch-arrows i {
        font-size: 12px;
        display: block;
    }

    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .opportunity-box {
        padding: 0;
        font-size: 16px;
    }

    .switch-arrows-wrap {
        height: 50px;
    }

    .learn-btn {
        width: auto;
        position: initial !important;
    }
    .opportunity-wrapper{
        padding-left: 0 !important;
    }
    .opportunity-title-block{
        margin-bottom: 0 !important;
    }
    .opportunity-title-block p{
        margin-bottom: 10px;
    }
    .opportunity-box .card-body {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 5px;
    }
    .opportunity-box .card-body .img-preview {
        width: 180px;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0 !important;
        padding: 10px;
    }

    .opportunity-box .card-body .img-preview img {
        max-height: 120px !important;
        height: 120px;
        object-fit: contain;
    }

    .opportunity-box .card .card-body .card-title{
        height: 40px;
        margin-bottom: 0 !important;
        margin-top: 5px;
    }

    .opportunity-box .card-content {
        padding: 10px;
        text-align: left;
    }

    .opportunity-wrapper .dismiss-wrapper {
        margin-top: 1rem !important;
    }

    .product-badge {
        top: -15%;
        left: -3%;
        width: max-content;
    }

    .product-badge::after {
        border-top: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid var(--purple);
        border-bottom: 10px solid transparent;
        left: -9px;
    }
    .wrapper-opportunity-box .dismiss-wrapper {
        margin-top: 1.2rem!important;
    }
    .filter-pill .custom-dropdown .holder {
        padding: 8px!important;
    }
    .breakout {
        max-width: unset!important;
    }
    .btn-normal{
        padding: 0.5rem 1rem;
    }
    .ls-sidebar .nav-item.link-dark .nav-link:hover, .ls-sidebar .nav-item.link-dark ul li:hover,
    .ls-sidebar .nav-item.link-dark .nav-link:hover span, .ls-sidebar .nav-item.link-dark .nav-link:hover a, 
    .ls-sidebar .nav-item.link-dark ul li:hover span, .ls-sidebar .nav-item.link-dark ul li:hover a
    {
        user-select: none;
        background: unset!important;
        color: var(--black)!important;
    }
}

/* CSS Responsive for mobile devices */
@media only screen and (max-width: 768px) {
    /* Plus onboarding */
    #plus-on-board .wrap-add-sites {
        width: 100%!important;
    }
    #plus-on-board .wrap-btn-add-sites {
        width: 100%!important;
    }

    #plus-on-board .wrap-link-list {
        margin-left: .5rem!important;
        margin-right: .5rem!important;
    }
    #plus-on-board .wrap-link-list > .col {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    #plus-on-board .modal-dialog-connection-detail .modal-body {
        padding: 0px!important;
    }
    .social-item .remove-link{float: right!important;}
    .social-item{margin-bottom: 0.7rem!important;}
    .opportunity-box .card-title a {
        font-size: 16px !important;
    }

    .wrapper-switcher {
        display: none;
    }
    .wrapper-switcher-mobile {
        display: block;
    }
    #settings-page .nav {
        display: flex;
        justify-content: space-around;
        float: unset !important;
    }
    #profile-page label {
        float: left !important;
    }
    #cancel-trigger {
        margin-right: 0 !important;
    }
    #settings-page .footer-export .select2-container {
        width: 40px !important;
    }
    #setting-general-wrap .select2-container--default .select2-selection--multiple{
        height: 40px !important;
    }
}

@media (min-width: 768px) and (max-width: 1164px) {
    .switch-arrows i {
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    .modal-onboarding p {
        line-height: 1.3;
    }
    .modal-onboarding-size {
        max-width: 650px;
    }
}

/* Custom for link detail */
.multiselect__tag.unremove-tag {
    padding-right: 8px; /* Adjust padding since there's no remove icon */
    background-color: #e0e0e0; /* Or any color to indicate it's unremovable */
}
.multiselect__tag.unremove-tag i{
    display: none;
}
/* signup plus */
.logo-niche {
    width: 190px;
    height: auto;
    margin: 0 auto;
    display: block;
    border-radius: 10px;
}
.niche-container span, .niche-container div{
    color: white;
    line-height: 1.8rem;
}
.niche-container{
    padding: 5rem 2rem 2rem 2rem !important;
    margin: 0 auto 2rem auto !important;
    min-height: 100vh !important;
    max-width: 500px;
}

/* Settings page - Niches Multiselect */
#settings-page .multiselect__tag {
    background: #e2e2e2 !important;
    color: var(--black) !important;
    padding: 5px 26px 5px 10px !important;
    border: 1px solid #dcdcde !important;
    border-radius: .75rem !important;
}
#settings-page .multiselect__tag-icon, #settings-page .multiselect__tag-icon:before, #settings-page .multiselect__tag-icon:after {
    color: var(--black) !important;
}
#settings-page .multiselect__option--selected {
    font-weight: 400 !important;
    background: var(--light-purple) !important;
    color: var(--white) !important;
}
#settings-page .multiselect__option--highlight {
    background: var(--light-purple)!important;
    color: var(--black)!important;
}
.not-connect {
    border: 1px solid var(--dark-gray)!important;
}
.not-connect span{
    color: var(--dark-gray)!important;
}
.not-connect .fa-earth-americas {
    color: var(--dark-gray);
}
.not-connect .fa-youtube {
    color: var(--black);
}
.not-connect:hover, .active>.not-connect {
    border: 1px solid var(--purple)!important;
}
.not-connect:hover *, .active>.not-connect *{
    color: var(--white)!important;
}

.fs-10px {
    font-size: 10px;
}
.third-menu{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#url-details [data-tooltip]:before{
    left: 70%!important;
}