.icons {
  width: 20%;
  font-size: 10px;
  float: left;
  padding-bottom: 2px;
}

.icons i.fas.fa-dollar-sign {
  padding-top: 10px;
  padding-left: 5px;
}

i.fas.fa-file-invoice-dollar {
  padding-left: 5px;
  padding-top: 8px;
}

.cardFooter i.far.fa-chart-bar {
  font-size: 14px;
  margin-left: -10px;
  margin-right: 5px;
  margin-top: 2px;
}

.cardFooter i.fa.fa-users {
  font-size: 14px;
  margin-left: 4px;
  margin-right: 5px;
  margin-top: 2px;
}

.cardFooter.ng-star-inserted:before {
  content: '';
  height: 28px;
  border: 1px solid #eee;
  margin-left: 0px;
  position: absolute;
}

button.p-element.p-ripple.p-datepicker-trigger.p-button.p-component.p-button-icon-only {
  background: none;
  position: absolute;
  right: 0px;
  color: #3c556f !important;
  border: none !important;
  background-color: transparent !important;
  bottom: -3px;
}

.ui-g.bottomBorder {
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 5px;
}

.ui-top-label.custom-wide-dropDown {
  width: 100%;
  margin-bottom: 15px !important;
}

.text-center {
  text-align: center;
}

.ui-top-label.custom-wide-dropDown .p-dropdown.p-component.ui-state-default.ui-corner-all.ui-helper-clearfix {
  width: 100% !important;
}

input:focus,
textarea:focus,
select:focus {
  outline-offset: 0px !important;
  outline: transparent !important;
}

.p-component,
.p-component * {
  box-sizing: border-box;
  border: none;
}

.ui-calendar-button:hover {
  outline: 0 none;
  border-color: none !important;
  background-color: transparent !important;
  color: #333333 !important;
}

.activeClass label {
  color: #0b9a0b;
}

div#experimentResults {
  height: 500px !important;
}

.p-component.p-datatable>.p-datatable-wrapper .p-datatable-tbody>tr>td,
.p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-tbody>tr>td {
  white-space: inherit !important;
  padding: 0.25em 0.7em;
}

.p-component.p-datatable>.p-datatable-wrapper .p-datatable-tbody>tr>td:first-child,
.p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-tbody>tr>td:first-child {
  padding-left: 15px !important;
}

.selected_row {
  border: 2px solid #F1F8F3;
  background: #F1F8F3 !important;
}

.p-datatable-auto-layout>.p-datatable-wrapper {
  overflow-x: hidden !important;
}

.p-component.p-datatable>.p-datatable-wrapper .p-datatable-thead>tr>th:first-child,
.p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-thead>tr>th:first-child {
  padding-left: 15px !important;
}

.p-component.p-datatable>.p-datatable-wrapper .p-datatable-thead>tr>th:last-child,
.p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-thead>tr>th:last-child {
  padding-right: 15px;
}

.p-component.p-datatable>.p-datatable-wrapper .p-datatable-tbody>tr>td:last-child,
.p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-tbody>tr>td:last-child {
  padding-right: 15px;
}

.p-checkbox-box:not(.p-disabled):not(.ui-state-active):hover {
  border-color: #333 !important;
  /* background-color: #fff !important; */
  color: #ffffff;
}

.ui-state-focus {
  border-color: #333 !important;
  background-color: #fff !important;
  color: #0073ea;
}

.ROAS .icons img {
  margin-left: 2px;
  margin-top: 2px;
}

.channelType {
  margin-bottom: 5px;
}

.channelType {
  margin-bottom: 15px;
}

.channelType ul li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
}

.no-padding {
  padding: 0px !important;
}

h2.title.notificationsTitle,
h2.title.campaignTimeline {
  color: #888 !important;
  text-transform: capitalize !important;
  margin-top: 0px !important;
}

.border {
  width: 1px;
  background: #dddddd;
  width: 1px;
  margin: 0 auto;
}

p-header.ng-star-inserted p {
  width: 31.33% !important;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
  color: #333333;
  text-overflow: ellipsis;
  vertical-align: middle;
}

/*----------------------------------*/
.layout-main-view .page-navigation[_ngcontent-c9]>.active[_ngcontent-c9] {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
}

.layout-main-view .page-navigation[_ngcontent-c9] {
  padding: 0 20px;
}

.app-body .client-area[_ngcontent-c1] .layout-main-view[_ngcontent-c1] {
  background-color: #f5f5f6;
}

.client-area .layout-main-view .page-navigation a {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #333;
  font-size: 14px;
  opacity: 1;
  padding: 0px 0px 16px 0px;
  margin: 0;
  margin-left: -12px !important;
  min-width: 129px;
  height: 42px;
  text-align: center;

}

.main-menu .fa[_ngcontent-c2] {
  color: #333;
}

.client-area .layout-main-view .page-heading {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 30px;
  text-transform: uppercase;
  color: #5287f7;
  background-color: #FFFFFF;
  padding: 2px 30px 3px 30px;
  line-height: 45px;
}

.ng-star-inserted .app-body .main-menu {
  background: #e6e7e8;
  width: 340px;
  left: -260px;
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: hidden;
  transition: left .2s linear;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
  z-index: 10000;
}

.ng-star-inserted .app-body nav.main-menu li.active {
  border-left: 0px solid #00c46b;
  color: #448782;
  border-right: 8px solid #448782;
}

.ng-star-inserted .app-body nav.main-menu li:hover {
  border-left: 0px solid #00c46b;
  color: #448782;
  border-right: 8px solid #448782;
}

.ng-star-inserted .app-body nav.main-menu li.active .nav-text {
  color: #448782;
}

.ng-star-inserted .app-body nav.main-menu li:hover .nav-text {
  color: #448782;
}

.ng-star-inserted .app-body nav.main-menu li .nav-text {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  color: #333;
  font-size: 17.5px;
  font-weight: 500;
}

.ng-star-inserted .app-body nav.main-menu li>a {
  opacity: 1 !important;
}

.ng-star-inserted .app-body nav.main-menu li {
  background-color: #e6e7e8;
  border-bottom: 1px solid #b9bdc0;
}

.app-body .client-area .fixed-nav-bar .horizontal-list.list-right>li {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #333;
  font-size: 14px;
}

.app-body .client-area .fixed-nav-bar .horizontal-list.list-right>li .fa-sort-down::before {
  color: #00c46b;
}

.app-body .client-area .fixed-nav-bar .user-avatar {
  border: 1px solid #BABABA;
}

button.p-component.ui-button.ui-button-secondary,
button.p-element.p-ripple.p-button-text.p-button.p-component {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  border-radius: 7px;
  padding: 5.5px 20px;
  margin-left: 80px;
  background-color: #448782;
}

button.p-component.p-button.p-button-text:hover {
  color: #fff;
  border: 2px solid #333;
  background-color: #333;
}

.label.child-label .p-component.ui-button:hover {
  color: #fff;
  border: 2px solid #333;
  background-color: #333;
}

.page-content .p-component.p-button {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 5px;
  background: #3c556f;
}

#wrapper .split-card-header {
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 22px;
  text-transform: uppercase;
  vertical-align: top;
  opacity: 1;
  color: #333;
  margin-left: 7px;
}

.ng-star-inserted #wrapper .label.child-label {
  border: 5px solid #aaa !important;
  border-radius: 0;
}

.ng-star-inserted .label[_ngcontent-c10] {
  border: 5px solid #6fb8f7;
  border-radius: 0;
}

.label.child-label .p-component.ui-button {
  background-color: transparent;
  color: #00c46b;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  border: 2px solid #00c46b;
  padding: 5.5px 21.23px;
  padding-top: 6px;
}

.label.child-label .p-component.ui-button .ui-button-text.ui-clickable,
.pi-check:before {
  color: white;
  padding: 0;
}

.p-component.p-menu .p-menuitem>.p-menuitem-link:hover .p-menuitem-icon::before {
  color: #fff;
}

.p-card-body .p-card-content {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #333;
}

.p-card-body .p-dropdown label.p-dropdown-label {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #333;
}

.p-card-body .p-multiselect label.p-multiselect-label {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #333;
}

.main-menu .fa::before {
  font-size: 0;
}

.main-menu .fa-chart-pie {
  width: 32px;
  height: 32px;
  background: url(/assets/icons/Segments_icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

.main-menu .active .fa-chart-pie,
.main-menu li:hover .fa-chart-pie {
  width: 32px !important;
  height: 32px !important;
  background-repeat: no-repeat;
  background-position: center;
}

app-sidenav nav.main-menu .fa-poll {
  width: 32px !important;
  height: 32px !important;
  background: url(/assets/icons/Analyze_Menu_Icon.svg);
  background-repeat: no-repeat;
  background-position: center;
}

app-sidenav nav.main-menu .active .fa-poll,
app-sidenav nav.main-menu li:hover .fa-poll {
  width: 32px !important;
  height: 32px !important;
  background: url(/assets/icons/Analyze_Menu_Icon_Hover.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.main-menu .fa-search-dollar {
  width: 32px;
  height: 32px;
  background: url(/assets/icons/Experiment_icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

.main-menu .active .fa-search-dollar,
.main-menu li:hover .fa-search-dollar {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
}

.main-menu .fa-flask {
  width: 32px;
  height: 32px;
  background: url(/assets/icons/Designer_icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

.main-menu .active .fa-flask,
.main-menu li:hover .fa-flask {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
}

.main-menu .fa-chevron-circle-right {
  width: 32px;
  height: 32px;
  background: url(/assets/icons/arrow_icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

.main-menu .fa-onboarding {
  width: 32px;
  height: 32px;
  background: url(/assets/icons/onboarding.png);
  background-repeat: no-repeat;
  background-position: center;
}

.main-menu .branding .nav-text {
  visibility: hidden;
}

.p-component.p-menu .p-menuitem>.p-menuitem-link:hover {
  background: #00c46b !important;
}

.p-component.p-menu .p-menuitem>.p-menuitem-link:hover .p-menuitem-text {
  color: #fff !important;
}

.p-component.p-menu .p-menuitem>.p-menuitem-link .p-menuitem-text {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

.p-dropdown-items-wrapper .p-state-highlight {
  background: #F1F8F3 !important;
  color: #333333 !important;
}

.client-area .p-component.p-dropdown-items .p-dropdown-item:not(.p-state-highlight):not(.p-disabled):hover,
.p-dropdown-panel .p-dropdown-item:not(.p-state-highlight):not(.p-disabled):hover {
  background: #F1F8F3 !important;
}

.client-area .p-inputtext:focus,
.client-area .p-inputtext:enabled:hover,
.client-area .p-dropdown:focus,
.client-area .p-dropdown:not(.p-disabled):hover {
  border-color: #333;
}

.client-area .p-inputtext:focus>.client-area .p-dropdown-trigger>.client-area .p-dropdown-trigger-icon,
.client-area .p-inputtext:enabled:hover>.p-dropdown-trigger>.p-dropdown-trigger-icon,
.client-area .p-dropdown:focus>.p-dropdown-trigger>.p-dropdown-trigger-icon,
.client-area .p-dropdown:not(.p-disabled):hover>.p-dropdown-trigger>.p-dropdown-trigger-icon {
  color: #333;
}

.client-area .p-component.p-dropdown-items .p-dropdown-item:not(.p-state-highlight):not(.p-disabled):hover>span {
  color: #fff;
}

.client-area .layout-main-view nav.page-navigation>.active,
.client-area .layout-main-view nav.page-navigation>a:hover {
  color: #448782;
  opacity: 1;
  margin: 0;
  border-bottom: 3px solid #448782;
  text-decoration: none;
}

.p-multiselect-items-wrapper .p-state-highlight,
li.p-ripple.p-element.p-multiselect-item.p-highlight {
  background: #F1F8F3 !important;
  color: #333333 !important;
  margin: 2px 0;
}

.client-area .p-component.p-multiselect-items .p-multiselect-item:not(.p-state-highlight):not(.p-disabled):hover,
.p-dropdown-panel .p-dropdown-item:not(.p-state-highlight):not(.p-disabled):hover {
  background: #F1F8F3 !important;
  color: #333 !important;
}

.client-area .p-inputtext:focus,
.client-area .p-inputtext:enabled:hover,
.client-area .p-multiselect:focus,
.client-area .p-multiselect:not(.p-disabled):hover {
  border-color: #333333 !important;
}

.client-area .p-inputtext:focus>.client-area .p-multiselect-trigger>.client-area .p-multiselect-trigger-icon,
.client-area .p-inputtext:enabled:hover>.p-multiselect-trigger>.p-multiselect-trigger-icon,
.client-area .p-multiselect:focus>.p-multiselect-trigger>.p-multiselect-trigger-icon,
.client-area .p-multiselect:not(.p-disabled):hover>.p-multiselect-trigger>.p-multiselect-trigger-icon {
  color: #333333 !important;
}

.client-area .p-component.p-multiselect-items .p-multiselect-item:not(.p-state-highlight):not(.p-disabled):hover>span {
  color: #333333 !important;
}

.layout-main-view .ng-star-inserted #wrapper .label[_ngcontent-c14] {
  border: 5px solid #6fb8f7;
  border-radius: 0;
}

.ui-card p.dollarpercustValue[_ngcontent-c13] {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
}

.analyseClass-new .fa-chart-bar::before,
.p-treetable-tbody .fa-chart-bar::before {
  font-size: 0;
}

.analyseClass-new .fa-chart-bar {
  width: 22px;
  height: 22px;
  background-image: url(/assets/icons/Analyze_Menu_Icon.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.p-treetable-tbody .fa-chart-bar {
  width: 14px;
  height: 14px;
  background-image: url(/assets/icons/Analyze_Icon_Small_Grey.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.p-component.p-treetable>.p-treetable-wrapper .p-treetable-tbody>tr:not(.no-hover):not(.p-state-highlight):not(.ui-contextmenu-selected):hover .fa-chart-bar {
  background-image: url(/assets/icons/Analyze_Menu_Icon_Hover.svg);
}

.p-component.p-treetable>.p-treetable-wrapper .p-treetable-tbody>tr.p-state-highlight .fa-chart-bar {
  background-image: url(/assets/icons/Analyze_Menu_Icon_Hover.svg);
}

.cardFooter-new .analyseClass-new span {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #333;
  vertical-align: bottom;
}

.cardFooter.ng-star-inserted span {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #333;
  vertical-align: bottom;
}

.p-card-body .p-inputtext {
  border-color: #BABABA;
}

.client-area .p-inputtext,
.client-area .p-inputtext,
.client-area .p-dropdown,
.client-area .p-dropdown:not(.p-disabled) {
  border-color: #BABABA;
}

.client-area .p-inputtext,
.client-area .p-inputtext,
.client-area .p-multiselect,
.client-area .p-multiselect:not(.p-disabled) {
  border-color: #BABABA;
}

.label-cards .p-inputtext {
  border-color: #BABABA;
  color: #fff;
  font-size: 0 !important;
  min-height: 28px;
}

#wrapper .label .customTopHeader {
  border: 0px;
}

#wrapper .label .customCardDesign {
  border: 0px;
  border-bottom: 2px solid #e6e7e8;
}

#wrapper .label .cardFooter-new {
  border: 0px;
}

.ng-star-inserted .layout-main-view .ng-star-inserted .insight-navigation>a.active {
  background: #00c46b;
  opacity: 1;
}

.ng-star-inserted .layout-main-view .ng-star-inserted .insight-navigation>a {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  background: #333;
  opacity: 1;
  letter-spacing: 1px;
}

.page-content .actual-card-container .p-card-content h2.title {
  font-family: 'Inter', sans-serif;
  font-weight: 700 !important;
  font-style: normal;
  font-size: 14px !important;
  color: #212121 !important;
  opacity: 1;
  text-transform: uppercase !important;
}

.page-content .actual-card-container[_ngcontent-c21] div.sub-title[_ngcontent-c21] div.heading[_ngcontent-c21]>span[_ngcontent-c21]:first-child {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #5287f7;
  opacity: 1;
}

.page-content .actual-card-container div.sub-title div.heading>span:first-child {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px !important;
  color: #5287f7 !important;
  opacity: 1 !important;
}

.page-content .actual-card-container div.sub-title div.heading>span:last-child {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 14px !important;
  color: #333;
  opacity: 1 !important;
}

.page-content .actual-card-container[_ngcontent-c10] div.sub-title[_ngcontent-c10] div.heading[_ngcontent-c10]>span[_ngcontent-c10]:first-child {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  color: #5287f7;
  opacity: 1;
}

.page-content .actual-card-container[_ngcontent-c10] div.sub-title[_ngcontent-c10] div.heading[_ngcontent-c10]>span[_ngcontent-c10]:last-child {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #333;
  opacity: 1;
}

.page-content .actual-card-container[_ngcontent-c21] div.sub-title[_ngcontent-c21] div.heading[_ngcontent-c21]>span[_ngcontent-c21]:last-child {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #333;
  opacity: 1;
}

.ng-star-inserted .insight-card-with-title .ui-card-header {
  background: #333;
  font-family: 'Inter', sans-serif !important;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  opacity: 1;
  text-transform: uppercase;
  border-radius: 0;
  padding: 9.5px 15px;
}

.ng-star-inserted .insight-card-with-title .p-card-body {
  border-radius: 0;
}

.page-content .actual-card-container[_ngcontent-c10] p.total-value-counter[_ngcontent-c10] {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #333;
  opacity: 1;
}

.p-card-content .customer-traits-container[_ngcontent-c15] .chart-title[_ngcontent-c15] {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #333;
  opacity: 1;
  text-transform: uppercase;
}

.p-card-content .customer-traits-container .email-engagements-container>li {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #333;
  margin-bottom: 13px;
}

.p-card-content .customer-traits-container .title-value {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #6d6e71;
  padding-left: 10px;
}

.p-card-body .p-card-content .chart-title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #333;
  opacity: 1;
  text-transform: uppercase;
}

#menu .logo {
  width: 60%;
  height: 32px;
  background-image: url("/assets/icons/product-logo.png");
  background-repeat: no-repeat;
  margin-left: 70px;
}

.marginleft20 {
  margin-left: 20px !important;
}

#menu .logo img {
  visibility: hidden;
}

.customCardDesign circle.ng-star-inserted {
  stroke-width: 4;
  stroke: #e6e7e8;
}

.app-body .p-component.p-treetable>.p-treetable-wrapper .p-treetable-thead>tr>th {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #333;
}

.app-body .page-content {
  font-family: 'Inter', sans-serif !important;
  position: absolute;
  width: 95%;
}

.app-body .p-dialog {
  font-family: 'Inter', sans-serif !important;
}

.app-body .p-component.p-treetable>.p-treetable-wrapper .p-treetable-tbody>tr>td {
  font-family: 'Inter', sans-serif;
}

.p-component-content .p-inputtext:focus,
.p-component-content .p-inputtext:enabled:hover,
.p-component-content .p-dropdown:focus,
.p-component-content .p-multiselect:focus,
.p-component-content .p-dropdown,
.p-component-content .p-multiselect:not(.p-disabled):hover {
  border-color: #333;
}

.p-component-content .p-component.ui-button {
  padding: 5px 15px;
  border-radius: 5px;
  font-family: '' Inter', sans-serif;';
  font-weight: 400;
}

.p-component-content .p-dialog .p-dialog-titlebar-icon:hover {
  border-color: #00c46b;
  background-color: #00c46b;
}

.app-body .button-alt .p-component.ui-button {
  color: #00c46b;
}

.app-body .p-component.p-treetable .p-paginator-bottom a.ui-state-active {
  color: #00c46b;
}

.ui-g .node-header .labelHeading {
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
}

.ui-g .node-header .labelCountData {
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
}

.ROAS .roasHeading {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}

.app-body .p-component.p-datatable>.p-datatable-wrapper .p-datatable-thead>tr>th,
.app-body .p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-thead>tr>th {
  background-color: #333 !important;
}

.p-checkbox-box.p-highlight {
  background-color: #448782 !important;
  color: #ffffff;
  width: 15px;
  height: 15px;
  /* margin-right: 0.25em; */
}


.app-body .p-component.p-datatable>.p-datatable-wrapper .p-datatable-tbody>tr>td,
.app-body .p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-tbody>tr>td {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
}

.app-body .p-component.p-datatable>.p-datatable-wrapper .p-datatable-thead>tr>th,
.app-body .p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-thead>tr>th {
  font-family: 'Inter', sans-serif;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
}

.ng-star-inserted .ui-g-12 p-card .p-card-body {
  border-radius: 0;
  border: 0;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1);
  padding-left: 0px;
  padding-right: 30px;
  padding: 1em;
}

.ng-star-inserted [_ngcontent-c20].ui-g-12 {
  padding: 0;
}

.ng-star-inserted [_ngcontent-c20].ui-g-12 p-card .p-card-body {
  border-radius: 0;
  border: 0;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1);
}

.ng-star-inserted [_ngcontent-c14].ui-g-12 {
  padding: 0;
}

.ng-star-inserted [_ngcontent-c14].ui-g-12 p-card .p-card-body {
  border-radius: 0;
  border: 0;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1);
}

.ng-star-inserted [_ngcontent-c15].ui-g-12 {
  padding: 0;
}

.ng-star-inserted [_ngcontent-c15].ui-g-12 p-card .p-card-body {
  border-radius: 0;
  border: 0;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1);
}

.main-menu li .nav-text {
  padding: 5px 18px !important;
}

app-sidenav .main-menu .fa {
  width: 80px !important;
}

app-sidenav .main-menu .fas {
  width: 60px !important;
}

.app-body .p-component.p-treetable>.p-treetable-wrapper .p-treetable-tbody>tr.p-state-highlight i {
  color: #00c46b;
}

app-sidenav .main-menu ul {
  margin-top: 0px;
}

.ng-trigger.ng-trigger-overlayAnimation.ng-tns-c6-2.p-menu.p-component.p-component-content.ui-corner-all.p-menu-dynamic.ui-shadow.ng-star-inserted {
  left: 1261.06px !important;
  top: 70px !important;
}

.main-menu li {
  height: 60px !important;
  width: 340px !important;
  left: 0px;
  position: fixed;
  top: 0;
  bottom: 0;
  overflow: hidden;
  transition: left .2s linear;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
  z-index: 10000;
}

.ng-star-inserted .app-body nav.main-menu li.branding {
  background: #e6e7e8;
  height: 70px;
  padding-top: 8px;
}

.ng-star-inserted .app-body nav.main-menu li .nav-text {
  width: 286px !important;
}

.app-body .client-area {
  margin-left: 80px !important;
}

.app-body .nomarginleft {
  margin-left: 0px !important;
}

.ng-star-inserted .ui-g-12 .actual-card-container .p-component {
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0;
}

.ng-star-inserted [_ngcontent-c10].ui-g-12 p-card .p-card-body {
  padding-top: 25px;
}

.p-component.ui-button.ui-button-secondary .ui-button-text.ui-clickable {
  padding: 0;
}

#wrapper {
  margin-top: 15px;
}

#wrapper .entry[_ngcontent-c10] {
  min-height: 305px;
}

.ng-star-inserted .label[_ngcontent-c10] .node-header .labelHeading {
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 22px;
  text-transform: uppercase;
  vertical-align: top;
  opacity: 1;
  color: #333;
}

[ng-reflect-percent~="30"] path,
[ng-reflect-percent~="31"] path,
[ng-reflect-percent~="32"] path,
[ng-reflect-percent~="33"] path,
[ng-reflect-percent~="34"] path,
[ng-reflect-percent~="35"] path,
[ng-reflect-percent~="36"] path,
[ng-reflect-percent~="37"] path,
[ng-reflect-percent~="38"] path,
[ng-reflect-percent~="39"] path,
[ng-reflect-percent~="40"] path {
  stroke-width: 4;
  stroke: #ffcf09;
}

[ng-reflect-percent~="45"] path {
  stroke-width: 4;
  stroke: #ffcf09;
}

[ng-reflect-percent~="46"] path {
  stroke-width: 4;
  stroke: #ffcf09;
}

[ng-reflect-percent~="47"] path {
  stroke-width: 4;
  stroke: #ffcf09;
}

[ng-reflect-percent~="48"] path {
  stroke-width: 4;
  stroke: #ffcf09;
}

[ng-reflect-percent~="49"] path {
  stroke-width: 4;
  stroke: #ffcf09;
}

[ng-reflect-percent~="50"] path {
  stroke-width: 26;
  stroke: rgb(0, 208, 114);
}

[ng-reflect-percent~="55"] path {
  stroke-width: 4;
  stroke: #5fd9a2;
}

[ng-reflect-percent~="60"] path {
  stroke-width: 4;
  stroke: #5fd9a2;
}

[ng-reflect-percent~="61"] path {
  stroke-width: 4;
  stroke: #5fd9a2;
}

[ng-reflect-percent~="63"] path {
  stroke-width: 4;
  stroke: #5fd9a2;
}

[ng-reflect-percent~="65"] path {
  stroke-width: 4;
  stroke: #5fd9a2;
}

[ng-reflect-percent~="69"] path {
  stroke-width: 4;
  stroke: #5fd9a2;
}

[ng-reflect-percent~="70"] path {
  stroke-width: 4;
  stroke: #5fd9a2;
}

[ng-reflect-percent~="80"] path {
  stroke-width: 4;
  stroke: #5fd9a2;
}

[ng-reflect-percent~="85"] path {
  stroke-width: 4;
  stroke: #5fd9a2;
}

[ng-reflect-percent~="90"] path {
  stroke-width: 4;
  stroke: #5fd9a2;
}

.app-body .fixed-nav-bar[_ngcontent-c3] .horizontal-list[_ngcontent-c3]>li[_ngcontent-c3] {
  margin: 0 50px 0 0px;
}

.page-content app-insights-navigation .insight-navigation {
  padding-left: 20px;
  padding-right: 20px;
}


.fixed-nav-bar .fa-sort-down::before {
  content: "\f078 " !important;
  vertical-align: middle;
}

.actual-card-container[_ngcontent-c10] div.sub-title[_ngcontent-c10] {
  float: left;
}

.customer-traits-container .ui-progressbar.ui-progressbar-determinate {
  border-radius: 0px !important;
}

.app-body .actual-card-container[_ngcontent-c22] div.sub-title[_ngcontent-c22] {
  float: left;
}

.app-body .actual-card-container[_ngcontent-c10] div.sub-title[_ngcontent-c10] {
  float: left;
}

.ng-star-inserted [_ngcontent-c22].ui-g-12 {
  padding: 0;
}

.predictive-container .customer-life-time-value-card .title .far.fa-question-circle {
  color: #aaaaaa;
}

.predictive-container .customer-life-time-value-card .title .far.fa-question-circle {
  color: #aaaaaa !important;
}

.far.fa-question-circle.actionable {
  color: #aaaaaa !important;
}

.far.fa-question-circle.actionable:hover {
  color: #00c46b !important;

}

.ng-trigger.ng-trigger-overlayAnimation.ng-tns-c7-2.p-menu.p-component.p-component-content.ui-corner-all.p-menu-dynamic.ui-shadow.ng-star-inserted {
  top: 100px !important;
}

/* .p-component.p-treetable>.p-treetable-wrapper .p-treetable-tbody>tr:not(.no-hover):not(.p-state-highlight):not(.ui-contextmenu-selected):hover {
  background-color: #00c46b !important;
} */

.p-component.p-treetable>.p-treetable-wrapper .p-treetable-tbody>tr:not(.no-hover):not(.p-state-highlight):not(.ui-contextmenu-selected):hover .display-value {
  color: #fff;
}

.p-component.p-treetable>.p-treetable-wrapper .p-treetable-tbody>tr.p-state-highlight {
  background-color: #00c46b !important;
}

.p-component.p-treetable>.p-treetable-wrapper .p-treetable-tbody>tr.p-state-highlight .display-value {
  color: #fff;
}

.p-component.p-treetable>.p-treetable-wrapper .p-treetable-tbody>tr.p-state-highlight .fa::before {
  color: #fff;
}

.p-component.p-treetable>.p-treetable-wrapper .p-treetable-tbody>tr:not(.no-hover):not(.p-state-highlight):not(.ui-contextmenu-selected):hover .fa::before {
  color: #fff;
}

.p-button:focus,
.p-button:enabled:hover,
.ui-fileupload-choose:not(.p-disabled):hover {
  color: #fff !important;
  border: 2px solid #448782 !important;
  background-color: #448782 !important;
}

button.p-datepicker-trigger:enabled:hover,
button.p-datepicker-trigger:focus {
  background-color: inherit !important;
  color: #00c46b !important;
  border: 0 !important;
}

#wrapper .label .cardFooter-new:hover {
  background-color: #00c46b;
}

#wrapper .label .cardFooter-new:hover .analyseClass-new .fa-chart-bar {
  background-image: url(/assets/icons/Analyze_Menu_Icon_Hover.svg);
  background-repeat: no-repeat;
}

#wrapper .label .cardFooter-new:hover .analyseClass-new span {
  color: #fff;
}

.p-datatable-tbody .pi-chevron-right::before {
  color: #448782;
}

.ng-star-inserted .layout-main-view .ng-star-inserted .insight-navigation>a:hover {
  background: #00c46b;
  opacity: 1;
}

.button-margin.ui-button-secondary.btn-secondary.ui-button.p-component.ui-state-default.ui-corner-all.ui-button-text-only {
  background-color: #448782 !important;
  color: #FFFFFF;
  opacity: 1;
}

.button-margin.ui-button-secondary.btn-secondary.ui-button.p-component.ui-state-default.ui-corner-all.ui-button-text-only:hover {
  background-color: #448782 !important;
  border-color: #448782 !important;
  opacity: 1;
}

.button-margin.ui-button-secondary.btn-primary.ui-button.p-component.ui-state-default.ui-corner-all.ui-button-text-only:hover {
  background-color: #448782 !important;
  color: #FFFFFF;
  opacity: 1;
}

.button-margin.ui-button-secondary.btn-primary.ui-button.p-component.ui-state-default.ui-corner-all.ui-button-text-only {
  background-color: #448782 !important;
  border-color: #448782 !important;
  opacity: 1;
}

.ui-state-active {
  color: #00c46b !important;
}

.app-body .p-accordion .p-accordion-header:not(.ui-state-active):not(.p-disabled):hover {
  border-color: #00c46b;
  background-color: #00c46b;
  color: #ffffff;
}

.label-cards .cardFooter-new .analyseClass-new {
  margin-top: 2px;
  margin-bottom: 2px;
}

nav.main-menu:hover .fa-chevron-circle-right {
  background-image: url(/assets/icons/arrow_icon_nav.png);
}

.p-card-content .customer-traits-container .title-value {
  padding-left: 10px;
  color: #6d6e71 !important;
  font-weight: normal !important;
}

.amcharts-graph-stroke[stroke~="#023B63"] {
  stroke: #5287F7 !important;
}

#experimentStatus-donut-chart [fill~="#50e3c2"] {
  fill: #6fb8f7;
  stroke: #6fb8f7;
}

#populationStatus-donut-chart [fill~="#50e3c2"] {
  fill: #6fb8f7;
  stroke: #6fb8f7;
}

highcharts-chart .highcharts-series-group [fill~="#d62d20"] {
  fill: #e7808d;
}

highcharts-chart .highcharts-series-group [fill~="#0073ea"] {
  fill: #5287F7;
}

app-non-ll-logins-report .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 30px; */
}

app-experiment-results .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 30px; */
}

app-product-view .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 30px; */
}

app-attribution .page-content {
  background-color: #FFFFFF;
  padding: 0;
}

app-attribution-old .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 30px; */
}

app-model-comparision .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 30px; */
}

app-liftcurves .page-content {
  background-color: #FFFFFF;
}

app-optimize .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 30px; */
}

app-goalseek-status .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 30px; */
}

app-report-builder .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 30px; */
}

app-experiment-results .page-content .ui-g-12.no-padding {
  /* padding: 15px 6px !important; */
}

app-experiment-designer .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 30px; */
}

app-data-source-channels .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 30px; */
}

app-data-source-ad-platforms .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 20px; */
}

app-data-source-campaign-mapping .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 17px; */
}

app-marketing-hierarchy .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 30px; */
}

app-data-source-actuals .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 22px; */
}

app-marketing-calendar .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 15px; */
}

app-refresh-roi-dashboard .page-content {
  background-color: #FFFFFF;
  /* padding: 15px 30px; */
}

.p-component.p-dropdown-items .p-dropdown-item:not(.p-state-highlight):not(.p-disabled):hover {
  background-color: #F1F8F3 !important;
  color: #333333 !important;
}

.p-component.p-dropdown-items .p-dropdown-item:not(.p-state-highlight):not(.p-disabled):hover>span {
  color: #333333 !important;
}

.p-component.p-multiselect-items .p-multiselect-item:not(.p-state-highlight):not(.p-disabled):hover {
  background-color: #F1F8F3 !important;
  color: #333333 !important;
}

.p-component.p-multiselect-items .p-multiselect-item:not(.p-state-highlight):not(.p-disabled):hover>span {
  color: #333333 !important;
}

.custom-chart-container[_ngcontent-c12] p.chart-value-details[_ngcontent-c12]>i {
  display: none;
}

.ui-button.p-component.ui-state-default.ui-corner-all.ui-button-text-only,
button.p-element.ui-button-raised.p-button.p-component {
  font-style: normal;
  font-size: 14px;
  color: white !important;
  padding: 8px 12px;
  background-color: #448782;
  border-radius: 5px;
  border: none !important;
}

span.p-button-label {
  font-weight: 600;
  line-height: normal;
}

.ui-button.p-component.ui-state-default.ui-corner-all.ui-button-text-only .ui-button-text.ui-clickable {
  padding: 0;
}

.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-state-highlight):not(.ui-contextmenu-selected):hover {
  background-color: #00c46b !important;
}

#create-edit-schedule-dialog .p-dialog.p-component .destinations-container>span:nth-child(2n) .tiny-logo {
  max-width: 18px !important;
  margin-top: 2px;
  padding-right: 3px;
}

.p-datepicker td .p-state-highlight {
  color: #fff !important;
  background-color: #448782;
}

.p-datepicker .p-datepicker-calendar td:not(.p-disabled) a:hover,
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
  color: #ffffff !important;
  background-color: #448782 !important;
}

.p-datepicker .p-datepicker-calendar td>a .p-state-highlight {
  color: white !important;
}

.p-datepicker .p-datepicker-calendar td>span.p-highlight:not(.ui-state-active) {
  background-color: #448782 !important;
  color: white !important;
}

.analyseClass .fa-chart-bar::before {
  font-size: 0;
}

.app-body app-experiment-designer .page-content .p-datatable tr:not(.no-hover):hover {
  background: #F1F8F3 !important;
}

.app-body app-experiment-results .page-content .p-datatable tr:not(.no-hover):hover {
  background: #F1F8F3 !important;
}

.app-body .page-content .p-datatable tr:not(.no-hover):hover {
  background: transparent;
}

.app-body .page-content .p-datatable tr:not(.no-hover):hover td,
.app-body .page-content .p-datatable tr:not(.no-hover):hover td .pi-chevron-right::before {
  color: #333333 !important;
}

.page-content .p-datatable tr:not(.no-hover):hover td span {
  color: #333333 !important;
}

#device-usage-bar-chart .amcharts-main-div .amcharts-chart-div {
  height: 80px !important;
}

.ui-inputgroup input.p-inputtext {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #333;
}

input,
.p-paginator-pages a,
.p-paginator-pages button {
  font-family: Inter !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 14px;
  color: #333 !important;
}

.search-and-filter .ui-inputgroup {
  border-bottom: 2px solid #f1f2f2;
}

.search-and-filter .ui-inputgroup:hover {
  border-bottom: 2px solid #00c46b;
}

.p-highlight a {
  color: #448782 !important;
}

.ui-progressbar .ui-progressbar-value {
  background-color: #00c46b !important;
}

p-header span,
li {
  font-family: Inter !important;
}

.splitClass span {
  vertical-align: middle !important;
}

.p-card-body {
  padding: 1em;
}

.page-content .ui-g:nth-child(2n) .actual-card-container .p-card-body {
  padding-bottom: 18px !important;
}

.page-content .ui-g:nth-child(2n) .actual-card-container .p-card-body .sub-title {
  width: 100%;
  background-color: #f5f5f5;
}

.page-content .ui-g:nth-child(2n) {
  padding-top: 0px;
  background-color: transparent;
}

.page-content .ui-g:nth-child(2n) .main-container {
  padding-top: 20px;
}

.page-content .ui-g:nth-child(2n) .checkbox-container {
  padding-left: 0 !important;
}

.page-content .ui-g:nth-child(2n) .p-checkbox-label {
  padding-left: 0 !important;
  color: #333 !important;
}

app-analyze .vertical-container.ng-star-inserted div:nth-child(1) {
  text-transform: uppercase;
  font-weight: bold !important;
  color: #5287f7 !important;
}

app-analyze .first.ng-star-inserted {
  text-transform: capitalize !important;
  font-weight: normal !important;
  color: #333 !important;
}

.progress[_ngcontent-c12]>.progress-value[_ngcontent-c12],
.progress[_ngcontent-c12]+.progress-footer[_ngcontent-c12] {
  color: #333 !important;
}

.ng-star-inserted .app-body nav li:nth-child(2):hover .nav-text,
.ng-star-inserted .app-body nav li:nth-child(2).active .nav-text {
  width: 286px !important;
}

.ng-star-inserted .app-body nav li:nth-child(3) .nav-text {
  width: 286px !important;
}

app-analyze .vertical-container.ng-star-inserted .progress-value.ng-star-inserted {
  color: #333 !important;
}

.progress-footer.ng-star-inserted {
  color: #333 !important;
}

.p-datatable .p-datatable-tbody>tr.selected_row td {
  color: #333 !important;
}

.p-inputtext:focus>.p-dropdown-trigger>.p-dropdown-trigger-icon,
.p-inputtext:enabled:hover>.p-dropdown-trigger>.p-dropdown-trigger-icon,
.p-dropdown:focus>.p-dropdown-trigger>.p-dropdown-trigger-icon,
.p-dropdown:not(.p-disabled):hover>.p-dropdown-trigger>.p-dropdown-trigger-icon {
  color: #333333 !important
}

.p-inputtext:focus>.p-multiselect-trigger>.p-multiselect-trigger-icon,
.p-inputtext:enabled:hover>.p-multiselect-trigger>.p-multiselect-trigger-icon,
.p-multiselect:focus>.p-multiselect-trigger>.p-multiselect-trigger-icon,
.p-multiselect:not(.p-disabled):hover>.p-multiselect-trigger>.p-multiselect-trigger-icon {
  color: #333333 !important
}

.customCardDesign img {
  display: none;
}

.customCardDesign p.bottleValue {
  width: 100%;
  float: none;
  text-align: center;
  margin-left: 0;
  padding-top: 5px;
}

.ng-star-inserted .app-body nav li:nth-child(1) {
  background: url(/assets/icons/arrow_icon_nav.png) no-repeat -9999px -9999px;
}

.ng-star-inserted .app-body nav li:nth-child(2) {
  background: url(/assets/icons/Segment_icon_Hover.svg) no-repeat -9999px -9999px;
}

.ng-star-inserted .app-body nav li:nth-child(3) {
  background: url(/assets/icons/Analyze_Menu_Icon_Hover.svg) no-repeat -9999px -9999px;
}

.ng-star-inserted .app-body nav li:nth-child(4) {
  background: url(/assets/icons/Experiment_icon_hover.png) no-repeat -9999px -9999px;
}

.ng-star-inserted .app-body nav li:nth-child(5) {
  background: url(/assets/icons/Designer_icon_hover.png) no-repeat -9999px -9999px;
}

@media screen and (min-width: 1900px) {
  #discounting-type-donut-chart .amcharts-main-div {
    left: -85px;
  }

  #locations-donut-chart .amcharts-main-div {
    left: -85px;
  }
}

p-dropdown.segwidth .p-dropdown {
  width: 50% !important;
}

p-dropdown.hisSegwidth .p-dropdown {
  width: 100% !important;
}

p-dropdown.tarwidth .p-dropdown {
  width: 70% !important;
}

p-dropdown.ebvwidth .p-dropdown {
  width: 30% !important;
}

p-dropdown.chartwidth {
  text-align: left;
}

p-dropdown.chartwidth .p-dropdown {
  min-width: 18% !important;
}

p-dropdown.liftcurvedrp .p-dropdown {
  min-width: 290px !important;
  max-width: 290px !important;
}

p-dropdown.liftcurvedrp .p-dropdown .p-dropdown-label-container span {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

p-dropdown.timestampdrp .p-dropdown {
  min-width: 300px !important;
  max-width: 350px !important;
}

p-dropdown.versiondrp .p-dropdown {
  min-width: 250px;
  max-width: 350px;
}

.display_inlineblock {
  display: inline-block;
}

.marleft5 {
  margin-left: 5px;
}

.align_btns {
  margin-top: -7px;
}

.expActiveColor {
  color: #0b9a0b !important;
}

.expPendingColor {
  color: #e7808d !important;
}

.expInQueColor {
  color: #0073ea !important;
}

.expDraftColor {
  color: #e1ad01 !important;
}

.expCompleteColor {
  color: #9b9b9b !important;
}

.noposition {
  position: relative;
}

.pi-circle-on:before {
  content: "\e911" !important;
  color: #448782 !important;
  font-size: 10px;
}

.segment-actions .ui-button {
  margin-right: 5px;
}

.ui-g .p-button {
  margin-right: 8px !important;
}

.filter-template-fragment {
  color: #333;
  font-size: 14px;
}

.p-dialog .p-dialog-content {
  overflow: initial !important;
}

.p-dropdown-label>div,
.p-dropdown-label {
  width: 100%;
  display: block;
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
}

.p-multiselect-label>div,
.p-multiselect-label {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.insights-shooppingpf-leftcard {
  padding-left: 0.5em;
}

.insights-shooppingpf-bottom-card {
  margin-top: 10px
}

.legend_circle {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: text-bottom;
  margin-right: 5px;
}

.legend_square {
  width: 9px;
  height: 9px;
  display: inline-block;
  border-radius: 2px;
  margin-right: 5px;
}

.legend_ul li {
  display: inline-block;
  margin: 0px 5px;
}

.text-right {
  text-align: right;
}

.legend_complete {
  background: #9b9b9b;
}

#releaseNotes ul {
  list-style: initial !important;
  padding-left: 35px !important;
  padding-bottom: 15px !important;
  padding-top: 5px !important;
  font-weight: 100 !important;
}

p-dropdown.objecdrop .p-dropdown {
  float: left;
  width: 200px !important;
}

p-dropdown.goaldrop .p-dropdown {
  float: left;
  width: 200px !important;
  margin-left: 15px;
}

p-dropdown.customeddlwidth .p-dropdown {
  width: 90% !important;
}

p-dropdown.customeddlwidth1 .p-dropdown {
  width: 85% !important;
}

p-dropdown.tarwidth1 .p-dropdown {
  width: 40% !important;
}

p-dropdown.purposewidth .p-dropdown {
  width: 40% !important;
}

p-multiselect.tarwidth1 .p-multiselect {
  width: 53% !important;
}

.star_red {
  color: #ff0000;
  padding: 0px 0px 0px 3px;
  font-size: 14px;
}

.aabDate .ui-calendar.ui-calendar-w-btn input {
  width: 140px !important
}

#experimentResults .p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-thead>tr>th {
  background-color: white !important;
  color: #607d8a !important;
}

#experimentResults .p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-thead>tr {
  height: 0px !important;
}

#experimentResults .p-component.p-datatable {
  box-shadow: none !important;
  border-radius: 0px !important;
}

#experimentResults .p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-scrollable-body {
  border: solid 1px rgba(97, 81, 81, 0.5) !important;
}

#experimentResults .p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-tbody>tr {
  height: 35px !important;
}

#experimentResults .p-datatable .ui-sortable-column.p-state-highlight {
  background-color: white !important;
  color: #333 !important;
}

#experimentResults .p-datatable .ui-sortable-column.p-state-highlight .ui-sortable-column-icon {
  color: #333 !important;
}

#experimentResults .p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-scrollable-view .p-datatable-scrollable-header {
  border: 0px !important;
  background-color: white !important;
}

p-dropdown.tarddlwidth1 .p-dropdown {
  width: 240px !important;
}

p-multiselect.tarddlwidth1 .p-multiselect {
  width: 240px !important;
}

.user-menu-dlg-postion {
  z-index: 99999 !important;
  right: 0 !important;
  top: 45.5px !important;
  left: 92% !important;
  transform: translateY(0px) !important;
  opacity: 1;
  width: 120px !important;
  min-width: 123px !important;
}

.releasenotesdialog {
  width: 800px !important;
  height: auto !important;
}

a:focus {
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
  outline-width: 0px !important;
}

body .p-steps {
  position: relative;
  border: 0;
}

body .p-steps .p-steps-item {
  background-color: transparent;
  text-align: center;
}

body .p-steps .p-steps-item .p-menuitem-link {
  display: inline-block;
  text-align: center;
  background-color: transparent;
  overflow: hidden;
}

body .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  color: #939393;
  background-color: #FFFFFF;
  border: 1px solid #F3F3F3;
  position: relative;
  top: 16px;
  margin-bottom: 14px;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

body .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  display: block;
  margin-top: 6px;
  color: #939393;
  font-size: 14px;
}

body .p-steps .p-steps-item.p-highlight .p-steps-number {
  background: #FFFFFF;
  border: 3px solid #448782;
  color: #448782;
}

body .p-steps .p-steps-item.p-highlight .p-steps-title {
  font-weight: 600;
  color: #607d8a;
  font-size: 14px;
}

body .p-steps .p-steps-item:last-child .p-menuitem-link {
  display: block;
}

body .p-steps:before {
  content: ' ';
  border-top: 2px solid #F3F3F3;
  width: 75%;
  top: 42%;
  left: 12%;
  display: block;
  position: absolute;
}

.p-steps .p-steps-item {
  width: 25% !important;
}

.p-steps .p-steps-item .p-menuitem-link {
  display: block !important;
  padding: 0px !important;
  text-align: center !important;
}

body .p-steps .p-steps-item:not(.p-state-highlight):not(.p-disabled):hover {
  background-color: #FFFFFF !important;
}

#expDesignSteps .ui-state-default,
#timelineSteps .ui-state-default {
  border: none !important
}

#expDesignSteps .p-disabled,
#timelineSteps .p-disabled {
  opacity: 1 !important;
}

.ui-state-complete.p-steps-number:hover::before {
  content: "🖉";
  top: 11%;
  left: 15%;
  background: #FFFFFF !important;
  color: #939393 !important;
  border-radius: 50%;
  font-size: 19px;
  position: absolute;
  z-index: 99;
  font-weight: 700;
}

.ui-state-complete .p-menuitem-link:before {
  content: '\2713' !important;
  font-weight: 600;
  top: 29%;
  left: 48%;
  background: #FFFFFF !important;
  color: #939393 !important;
  border-radius: 50%;
  font-size: 14px;
  position: absolute;
  z-index: 99;
}

#timelineSteps .p-steps {
  margin-top: -20px;
}

#timelineSteps .p-steps:before {
  content: ' ';
  border-top: 2px solid #F3F3F3;
  width: 80%;
  top: 59%;
  left: 4%;
  display: block;
  position: absolute;
}

#timelineSteps .p-steps ul {
  margin-left: 14px;
}

#timelineSteps .ui-state-complete .p-steps-number:hover::before {
  content: "";
  top: 11%;
  left: 15%;
  background: #FFFFFF !important;
  color: #939393 !important;
  border-radius: 50%;
  font-size: 19px;
  position: absolute;
  z-index: 1111;
  font-weight: 700;
}

#timelineSteps .ui-state-complete .p-menuitem-link:before {
  content: '' !important;
  top: 29%;
  left: 10px;
  background: #FFFFFF !important;
  color: #939393 !important;
  border-radius: 50%;
  font-size: 14px;
  position: absolute;
  z-index: 1111;
}

#timelineSteps .p-steps .p-steps-item {
  width: 16.66% !important;
}

#timelineSteps .p-steps .p-steps-item .p-menuitem-link {
  display: block !important;
  padding: 0px !important;
  text-align: left !important;
}

#timelineSteps .p-steps .p-steps-current .p-menuitem-link .p-steps-number {
  line-height: 22px !important;
}

.p-dropdown .p-dropdown-label {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.has-geo-targets {
  border-color: green !important
}

.no-geo-targets {
  border-color: #E680A4 !important
}

::ng-deep #campaignsTbl .p-datatable .ui-sortable-column.p-state-highlight {
  background-color: #333 !important;
  color: #00c46b !important;
}

#attributionChnl .p-component.p-dropdown-items {
  min-width: 135px;
}

.roiChannelSelect .p-treetable-scrollable-header .p-treetable-scrollable-header-box {
  margin-right: 0px !important;
}

.roiChannelSelect .p-treetable-scrollable-footer .p-treetable-scrollable-footer-box {
  margin-right: 0px !important;
}

.page-content1 .p-component.ui-button {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 0;
  background: #3c556f;
}

input.p-column-filter.p-inputtext.ui-corner-all::placeholder,
.ui-calendar.ui-calendar-w-btn input::placeholder {
  color: #607d8a;
}

.p-datatable .p-datatable-tbody>tr:hover {
  background-color: transparent;
}

.p-component.p-datatable>.p-datatable-wrapper .p-datatable-thead>tr>th:last-child {
  padding-right: 24px !important;
  background-color: #F1F8F3;
}

.p-component.p-datatable>.p-datatable-scrollable-wrapper .p-datatable-thead>tr>th.pr-32:last-child {
  padding-right: 32px !important;
}

.table table tbody tr td .drpoptions .p-component.p-dropdown-items {
  padding: 0;
  font-family: 'Inter';
  font-weight: 400;
  min-width: 140px !important;
  max-width: 140px !important;
}

.table table tbody tr td .drpoptions .p-component.p-dropdown-items .p-dropdown-item {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  padding: 5px;
  font-family: 'Inter';
  font-weight: 400;
}

.table .p-dropdown {
  min-width: 6.0em;
}

.ng-trigger-overlayAnimation.p-datepicker.p-component {
  z-index: 99999 !important;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px 0px;
  background-color: #fff;
}

.p-datepicker-header {
  padding: 8px;
  background-color: #ddd;
  border: 1px solid #ddd;
}

@media screen and (min-width:1422px) {
  .page-navigation {
    width: 1499px !important;
  }
}

@media screen and (min-width:1280px) {
  .page-navigation {
    width: 1459px !important;
  }
}

@media screen and (min-width:1163px) {
  .page-navigation {
    width: 1459px !important;
  }
}

@media screen and (min-width:1024px) {
  .page-navigation {
    width: 1499px !important;
  }
}

@media screen and (min-width:853px) {
  .page-navigation {
    width: 1499px !important;
  }
}

#verticalbar {
  margin: 0 8px 0 0;
  padding: 0 0 0 0;
  font-size: 14px;
}

#tenantDropdowm .p-dropdown-trigger {
  display: none;
}

#tenantDropdowm .p-dropdown .p-dropdown-label {
  padding-right: 1em !important;
}

p-calendar#proposedDate span .ng-trigger-overlayAnimation div div {
  background-color: white;
}

#proposedDate span.ui-state-default.p-disabled:not(.ui-state-active) {
  color: #939393 !important;
}


.popup-menu .p-component.p-menu {
  font: inherit !important;
  top: -12px !important;
  right: 0px !important;
  left: 0 !important;
  position: relative !important;
  width: 14em !important;
}

.popup-menu .p-dropdown {
  min-width: 10.5em !important;
}

.popup-menu .p-dropdown .p-dropdown-label-container {
  display: none;
}

.popup-menu .client-area .p-dropdown:not(.p-disabled) {
  border-color: transparent;
}

.popup-menu .ui-autocomplete-multiple-container.p-inputtext {
  border: none;
  border-bottom: none;
  background: transparent;
}

.popup-menu .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
  top: -15px !important;
  right: 0px !important;
}

.popup-menu .ui-inputgroup,
.popup-menu input.p-inputtext,
.popup-menu textarea.p-inputtext,
.popup-menu .p-dropdown,
.popup-menu .p-multiselect,
.popup-menu .ui-autocomplete-multiple-container.p-inputtext {
  border: none !important
}

.popup-menu .p-component.p-dropdown-items {
  min-width: 155px;
}

.popup-menu .p-dropdown-trigger-icon {
  font-size: 10px;
}

.popup-menu .p-component.p-dropdown-items .p-dropdown-item {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  font-size: 9px;
}

.popup-menu .ng-trigger-overlayAnimation {
  top: -10px !important;
}

.schedulerpopup #mutli-select-jobs .p-multiselect-panel .p-multiselect-item span {
  display: inline-block;
  vertical-align: text-top;
}

#job-sync-status .p-datatable-scrollable-body {
  min-height: 460px !important;
}

#roiStartDate .ui-calendar.ui-calendar-w-btn input {
  width: 150px !important;
}

.remove-bg,
button.remove-bg:enabled:hover {
  background-color: #D85564 !important;
  color: #FFFFFF;
  border: 0 !important;
}

.ui-button.remove-bg:focus {
  color: #fff !important;
  border: none;
  background-color: #D85564 !important;
}

.experiment-opportunities .note .p-dropdown {
  border: none;
}

.experiment-opportunities .note .p-dropdown .p-dropdown-label,
.experiment-opportunities .note .p-dropdown .p-dropdown-label:hover {
  padding-right: 1.5em !important;
  color: #00c46c !important;
  font-weight: 400;
}

.experiment-opportunities .note .p-dropdown .p-dropdown-trigger,
.experiment-opportunities .note .p-dropdown .p-dropdown-trigger:hover {
  color: #00c46c;
}

.experiment-opportunities .note .p-dropdown:not(.p-disabled):hover {
  color: #00c46c;
}

.experiment-opportunities .note .p-dropdown:not(.p-disabled):hover>.p-dropdown-trigger>.p-dropdown-trigger-icon {
  color: #00c46c !important;
}

#expDesignSteps.first-party .p-steps:before {
  content: ' ';
  border-top: 2px solid #F3F3F3;
  width: 79%;
  top: 42%;
  left: 10%;
  display: block;
  position: absolute;
}

#expDesignSteps.first-party .p-steps .p-steps-item {
  width: 20% !important;
}

#expDesignSteps.first-party .p-disabled {
  opacity: 1 !important;
}

.action-button-container .p-iconbutton,
.action-button-container .p-iconbutton:hover {
  background-color: transparent !important;
  border-radius: 50% !important;
  color: #00c46b !important;
  border: 2px solid #00c46b !important;
  margin-right: 5px !important;

}

span.p-toast-icon.pi-check::before {
  color: #3c556f !important;
}

.p-accordion .p-accordion-header {
  text-decoration: none !important;
  font-size: larger;
  zoom: 0 !important;
  height: 40px !important;
  font-size: 14px !important;
}

.p-datepicker .ui-state-active {
  background-color: #448782 !important;
  color: white !important;
}

.p-accordion {
  background: #ffffff !important;
}

.p-accordion .p-accordion-header a {
  display: block;
  padding: .5em;
  background: #333 !important;
  color: white;
  width: 100% !important;
}

.p-accordion-header .ui-state-default .ui-corner-all {
  width: 100% !important;
  color: #ffffff !important;
}

.p-accordion .p-accordion-header {
  width: 100% !important;
  color: #ffffff !important;
  height: 30px !important;
  font-size: 14px !important;
}

.p-accordion .p-accordion-content {
  padding: 0em !important;
  background-color: #ffffff !important;
}

.p-accordion-content .p-component-content {
  border: none !important;
}

.timeline .timeline-widget .status {
  width: calc(68% - 30px);
}

.timeline .timeline-widget .status .steps>.step:after {
  left: 20%;
}

.manageTable #newTableDesign .p-datatable .p-datatable-tbody>tr {
  background-color: white !important;
  border-bottom: 1px solid #F3F3F3;
  height: 40px;
}

.manageTable #newTableDesign .p-datatable .p-datatable-tbody>tr>td {
  color: #333333;
}

.manageTable #newTableDesign .p-datatable .p-datatable-tbody>tr:nth-child(odd) {
  /* background-color: #F1F8F3 !important; */
}

#modelStart .ui-calendar .p-inputtext {
  width: 100px !important;
}

#modelEnd .ui-calendar .p-inputtext {
  width: 100px !important;
}

button#chevron,
button#chevron:focus,
#chevron:enabled:hover {
  color: #448782;
}

#productUsgeTbl .p-datatable-caption {
  width: 199% !important;
}

.profit-slider-container p-slider .p-component-content {
  border: none;
  background-color: #DEDEDE;
  height: 2px;
}

.profit-slider-container p-slider .p-component-content .p-component-header {
  width: 0 !important;
}

.profit-slider-container span.p-slider-handle.ui-state-default.ui-corner-all.ui-clickable.ng-star-inserted {
  width: 7px;
  height: 17px;
  background-color: #448782;
  top: -7px;
  border: inherit;
}

#newTableDesign .p-datatable p-paginator .p-paginator-bottom {
  border: transparent !important;
  font-size: 10px;

  .ui-paginator-right-content {
    .paginator-message {
      color: #333333;
      line-height: 17px;
      font-size: 12px;
    }
  }
}

#newTableDesign .p-treetable .p-treetable-scrollable-wrapper .p-treetable-scrollable-view .p-treetable-scrollable-header {
  border: 0;
  background-color: transparent;
}

.commanDialog .p-component-overlay {
  z-index: 1100 !important;
}

p-confirmdialog .p-component-overlay {
  z-index: 999999 !important;
}

.p-dialog.p-confirm-dialog.p-component {
  width: 40%;
}

.goalseekNeg .p-slider .p-component .p-slider-range span.p-slider-handle.ui-state-default.ui-corner-all.ui-clickable {
  width: 1px;
  margin: 0;
  background-color: white;
  height: 14px !important;
  top: -4px;
  border: inherit;
}

.container-slider .goalseekNeg div.p-slider-horizontal span.p-slider-range {
  background-color: #ddd !important;
}

.container-slider .goalseekPos div.p-slider-horizontal span.p-slider-range {
  background-color: #448782 !important;
}

.container-slider .goalseekPos .p-component-content {
  background-color: #F3F3F3;
}

.container-slider .goalseekNeg .p-slider-handle {
  width: 5px !important;
  margin: 0;
  background-color: #D85564 !important;
  height: 15px !important;
  top: -4px !important;
  border: none !important;
}

.container-slider .goalseekPos .p-slider-handle {
  width: 5px !important;
  margin: 0;
  background-color: #448782 !important;
  height: 15px !important;
  top: -4px !important;
  border: none !important;
}

.goalseekPos span.p-slider-range.p-slider-range-min.p-component-header.ui-corner-all.ng-star-inserted {
  background-color: #448782 !important;
}

.target-slider .revBudNeg .p-slider-handle {
  width: 5px !important;
  margin: 0;
  background-color: #D85564 !important;
  height: 13px !important;
  top: -5px !important;
  border: none !important;
  border-radius: 5px;
}

.target-slider .greyBudNutral .p-slider-handle {
  width: 5px !important;
  margin: 0;
  background-color: #BABABA !important;
  height: 13px !important;
  top: -5px !important;
  border: none !important;
  border-radius: 5px;
  z-index: 1
}

.target-slider .revBudPos .p-slider-handle {
  width: 5px !important;
  margin: 0;
  background-color: #448782 !important;
  height: 13px !important;
  top: -5px !important;
  border: none !important;
  border-radius: 5px;
}

.revBudPos .p-slider.p-component.p-component.p-slider-horizontal {
  background-color: #F3F3F3 !important;
}

.revBudNeg .p-slider.p-component.p-slider-horizontal .p-slider-range {
  background-color: #F3F3F3;
}

.revBudNeg .p-slider.p-component.p-slider-horizontal {
  background-color: #D85564 !important;
}

.revBudPos div span.p-slider-range {
  background-color: #448782 !important;
}

.greyBudNutral .p-slider.p-component.p-slider-horizontal {
  background-color: #F3F3F3 !important;
}

.greyBudNutral span.p-slider-range.p-slider-range-min.p-component-header.ui-corner-all.ng-star-inserted {
  background-color: #F3F3F3 !important;
}

.datasets-dialog .p-dialog-mask .p-component-content .p-dialog-titlebar {
  font-size: 0;
}

#customTable #newTableDesign .p-datatable p-paginator .p-paginator-bottom {
  display: none;
  height: 0px !important;
}

#customTable #newTableDesign .p-datatable .p-datatable-tbody>tr {
  height: 30px;
}

.p-treetable-scrollable-footer {
  border: none !important;
}

li.p-ripple.p-element.p-dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-size: 14px;
}

#p-highlighted-option {
  color: #333333;
  background-color: #F1F8F3 !important;
}

ul.p-dropdown-items {
  background: #fff;
}

.p-dropdown-filter-container {
  position: relative;
  margin: 0;
  padding: 0.6em;
  display: inline-block;
  width: 100%;
  background: #fff;
}

span.p-dropdown-filter-icon.pi.pi-search {
  right: 1em;
}

.p-dialog .p-dialog-header .p-dialog-title {
  font-weight: 700;
  font-size: 1.25em;
  padding: 0.5em 0.75em;
}

.p-dialog-header-close-icon {
  font-size: 18px;
  padding: 0.125em;
  margin-right: 15px;
}

.p-treetable .p-treetable-tbody>tr>td,
.p-treetable .p-treetable-tfoot>tr>td,
.p-treetable .p-treetable-thead>tr>th {
  padding: 0.25em 0.5em;
}

.p-ripple .p-element .p-button .p-component .p-button-icon-only:not(.p-datepicker-trigger) {
  padding: 5px 15px;
  color: #fff;


  .p-button-icon-only {
    height: 23px;
  }
}

.p-dialog-footer {
  padding: 1em;
  text-align: right;
}

.ui-g {
  display: flex;
}

.ui-g-1 {
  padding: 0.3em;
}

.ui-g-2 {
  width: 16.6667%;
  padding: 0.5em;
}

.ui-g-3 {
  width: 25%;
  padding: 0.7em;
}

.ui-g-4 {
  width: 34%;
  padding: 0.5em;
}

.ui-g-8 {
  width: 66%;
  padding: 0.5em;
}

.ui-g-9 {
  width: 75%;
  padding: 0.7em;
}

.ui-g-10 {
  width: 83%;
  padding: 0.5em;
}

.ui-g-12 {
  padding: 0.5em;
  box-sizing: border-box;
  width: 100%;
}

.ui-g-12.pull-right.text-right {
  margin-left: auto;
  padding: 0.5em;
}

.p-tabview {
  padding: 0.25em;
}

.p-tabview-nav-content ul.p-tabview-nav {

  background-color: #ddd;
  border: 1px solid #ddd;
  padding: 0.2em 0.2em 0;
}

.p-tabview-nav-content ul.p-tabview-nav li {
  border-color: #ddd;
  background-color: #fff;
  padding: 0 0.125em 1px 0;
  border: 1px solid #ddd;
  height: 40px;

  a {
    padding: 0.7em 1em;
  }
}

.p-highlight a span {
  color: #448782 !important;
}

a.p-tabview-nav-link {
  padding: 0.5em 1em;
  text-decoration: none;
  color: #333;
  font-size: 16px;

  & span {
    font-weight: 700;
  }
}

.p-tabview .p-tabview-panel {
  padding: 1em;
}

.card.cron-editor-main.cron-header div {
  position: absolute;
  z-index: 1;
  left: auto;
  right: 0;
}

#campaignsTable .p-datatable-header {
  border: 1px solid #ddd;
  background: #ddd;
  color: #444;
  padding: 0.25em 0.5em;
  text-align: center;
}

.p-confirm-dialog .p-dialog-content .p-confirm-dialog-icon {
  font-size: 1.5em;
  margin-right: 0.5em;
  position: relative;
  top: 0.2em
}

.p-dialog-footer .p-button {
  margin-right: 0.25em;
  border: 2px solid #448782 !important;
}

#rawData table[role="table"] {
  table-layout: initial !important;
}

#tacticsConversions .p-dropdown-clear-icon.pi.pi-times {
  right: 1em;
}

.sftpimgcss {
  background-image: url(/assets/icons/svg/cloud-upload.svg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 40px 18px;
  margin-right: 15px;
}

#optStart button.p-element.p-ripple.p-datepicker-trigger.p-button.p-component.p-button-icon-only {
  background: none;
  position: absolute;
  left: -15px;
  right: unset;
  color: #3c556f !important;
  border: none !important;
  background-color: transparent !important;
  bottom: -3px;
  font-size: 11px;
}

#optStart .p-calendar .p-inputtext {
  border: none !important;
  line-height: 11px !important;
  font-size: 9px !important;
  height: 16px !important;
  padding-left: 15px;
  padding-bottom: 3px;
}

#bpDatePicker button.p-element.p-ripple.p-datepicker-trigger.p-button.p-component.p-button-icon-only {
  background: none;
  position: absolute;
  border: none !important;
  background-color: transparent !important;
}

#bpDatePicker .p-calendar .p-inputtext {
  border: none !important;
  height: 33px !important;
}

.horizontalline {
  margin-left: 15px;
  margin-right: 15px;
  border-bottom: 0.4px solid #dedede;
  margin-top: 0px;
  margin-bottom: 0px;
}

.itemDisabled {
  pointer-events: none;
}

.buttonclss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-exp-s, 8px) var(--space-exp-m, 16px);
  gap: var(--space-exp-s, 8px);
  cursor: pointer;
  transition: background-color 0.3s, box-shadow 0.3s;
  border-radius: var(--radius-s);
  border: none;
  color: var(--neutral-white);
  font-style: normal;
  line-height: normal;
  height: 35px;
  background-color: transparent;
  border: none;
  font-size: 13px;
  font-weight: 600;
  width: 100%;
}

.cancel {
  color: var(--neutral-grey-7);
}

.today {
  color: var(--primary-darker);
}