@font-face {
  font-family: "Tyros Pro";
  src: url("../fonts/tyros-pro/TyrosPro-Regular.eot");
  src: url("../fonts/tyros-pro/TyrosPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-Regular.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-Regular.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-Regular.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-Regular.svg#TyrosPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Tyros Pro Outline";
  src: url("../fonts/tyros-pro/TyrosPro-Outline.eot");
  src: url("../fonts/tyros-pro/TyrosPro-Outline.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-Outline.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-Outline.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-Outline.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-Outline.svg#TyrosPro-Outline") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Tyros Pro";
  src: url("../fonts/tyros-pro/TyrosPro-Italic.eot");
  src: url("../fonts/tyros-pro/TyrosPro-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-Italic.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-Italic.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-Italic.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-Italic.svg#TyrosPro-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Tyros Pro Outline";
  src: url("../fonts/tyros-pro/TyrosPro-BoldOutline.eot");
  src: url("../fonts/tyros-pro/TyrosPro-BoldOutline.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-BoldOutline.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-BoldOutline.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-BoldOutline.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-BoldOutline.svg#TyrosPro-BoldOutline") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Tyros Pro";
  src: url("../fonts/tyros-pro/TyrosPro-SemiBold.eot");
  src: url("../fonts/tyros-pro/TyrosPro-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-SemiBold.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-SemiBold.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-SemiBold.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-SemiBold.svg#TyrosPro-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Tyros Pro";
  src: url("../fonts/tyros-pro/TyrosPro-MediumItalic.eot");
  src: url("../fonts/tyros-pro/TyrosPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-MediumItalic.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-MediumItalic.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-MediumItalic.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-MediumItalic.svg#TyrosPro-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Tyros Pro";
  src: url("../fonts/tyros-pro/TyrosPro-Bold.eot");
  src: url("../fonts/tyros-pro/TyrosPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-Bold.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-Bold.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-Bold.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-Bold.svg#TyrosPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Tyros Pro";
  src: url("../fonts/tyros-pro/TyrosPro-LightItalic.eot");
  src: url("../fonts/tyros-pro/TyrosPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-LightItalic.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-LightItalic.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-LightItalic.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-LightItalic.svg#TyrosPro-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Tyros Pro";
  src: url("../fonts/tyros-pro/TyrosPro-Heavy.eot");
  src: url("../fonts/tyros-pro/TyrosPro-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-Heavy.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-Heavy.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-Heavy.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-Heavy.svg#TyrosPro-Heavy") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Tyros Pro Medium Outline";
  src: url("../fonts/tyros-pro/TyrosPro-MediumOutline.eot");
  src: url("../fonts/tyros-pro/TyrosPro-MediumOutline.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-MediumOutline.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-MediumOutline.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-MediumOutline.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-MediumOutline.svg#TyrosPro-MediumOutline") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Tyros Pro";
  src: url("../fonts/tyros-pro/TyrosPro-Light.eot");
  src: url("../fonts/tyros-pro/TyrosPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-Light.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-Light.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-Light.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-Light.svg#TyrosPro-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Tyros Pro";
  src: url("../fonts/tyros-pro/TyrosPro-SemiBoldItalic.eot");
  src: url("../fonts/tyros-pro/TyrosPro-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-SemiBoldItalic.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-SemiBoldItalic.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-SemiBoldItalic.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-SemiBoldItalic.svg#TyrosPro-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Tyros Pro";
  src: url("../fonts/tyros-pro/TyrosPro-HeavyItalic.eot");
  src: url("../fonts/tyros-pro/TyrosPro-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-HeavyItalic.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-HeavyItalic.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-HeavyItalic.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-HeavyItalic.svg#TyrosPro-HeavyItalic") format("svg");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Tyros Pro";
  src: url("../fonts/tyros-pro/TyrosPro-BoldItalic.eot");
  src: url("../fonts/tyros-pro/TyrosPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-BoldItalic.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-BoldItalic.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-BoldItalic.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-BoldItalic.svg#TyrosPro-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Tyros Pro";
  src: url("../fonts/tyros-pro/TyrosPro-Medium.eot");
  src: url("../fonts/tyros-pro/TyrosPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/tyros-pro/TyrosPro-Medium.woff2") format("woff2"), url("../fonts/tyros-pro/TyrosPro-Medium.woff") format("woff"), url("../fonts/tyros-pro/TyrosPro-Medium.ttf") format("truetype"), url("../fonts/tyros-pro/TyrosPro-Medium.svg#TyrosPro-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}
.k-button {
  font-family: "DM Sans", sans-serif;
}

.filter-primary {
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}

.filter-secondary {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}

.filter-tertiary {
  filter: brightness(0) saturate(100%) invert(70%) sepia(30%) saturate(505%) hue-rotate(135deg) brightness(100%) contrast(90%);
}

.filter-green {
  filter: brightness(0) saturate(100%) invert(60%) sepia(82%) saturate(329%) hue-rotate(65deg) brightness(88%) contrast(90%);
}

.filter-red {
  filter: brightness(0) saturate(100%) invert(26%) sepia(66%) saturate(6162%) hue-rotate(349deg) brightness(102%) contrast(90%);
}

.filter-lightbluegrey {
  filter: brightness(0) saturate(100%) invert(62%) sepia(12%) saturate(674%) hue-rotate(175deg) brightness(91%) contrast(88%);
}

body {
  font-family: "DM Sans", sans-serif;
  color: #122948;
  font-size: 1em;
}

.engage-main {
  display: grid;
  grid-template-areas: "sidebar header" "sidebar main";
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
  background-color: #eef2f8;
  height: 100vh;
}
.engage-main .side-menu {
  grid-area: sidebar;
}
.engage-main .navbar-fixed-top {
  grid-area: header;
}
.engage-main .engage-main-content {
  grid-area: main;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.engage-main > footer {
  grid-area: footer;
  position: sticky;
  bottom: 0;
}

h1,
.h1 {
  font-size: 1.0625em;
  font-weight: 800;
}

h2,
.h2 {
  font-size: 1em;
}

h3,
.h3 {
  font-weight: 600;
  font-size: 0.75em;
}

.text-highlight {
  color: black;
  position: relative;
}
.text-highlight::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  background: yellow;
  z-index: -1;
}

.font-18 {
  font-size: 18px !important;
}

hr {
  border-color: #e0e7f1;
  opacity: 1;
}

a {
  color: #3497ed;
  text-decoration: none;
}
a:hover {
  color: #122948;
}

.text-green {
  color: #5CB74D;
}

.text-red {
  color: #F32A2A;
}

.bg-white {
  background: #fff;
}

.bg-palegrey {
  background: #eef2f8;
}

.border-radius {
  border-radius: 8px;
  overflow: hidden;
}

.box-shadow {
  box-shadow: 0px 2px 22.3px 0px rgba(0, 0, 0, 0.0509803922);
}

.border-right-lightgrey {
  border-right: #e0e7f1 1px solid;
}

.k-selected {
  background: #3497ed !important;
  box-shadow: none !important;
}

.table-striped {
  --bs-table-striped-bg: #eef2f8;
}
.table-striped td {
  border: 0;
}

.tag-results {
  font-size: 0.8125em;
}
.tag-results tr td {
  cursor: pointer;
}
.tag-results tr:hover td {
  --bs-table-striped-bg: #122948;
  background: #122948 !important;
  color: #fff;
}

.page-header {
  padding: 15px 30px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 65px;
}
.page-header-left, .page-header-right {
  display: flex;
  gap: 12px;
}

.page-title {
  margin: 0;
  display: flex;
  align-items: center;
}
.page-title img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
  margin-right: 15px;
}

.last-updated {
  display: flex;
  align-items: center;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 0.75em;
}
.last-updated img {
  margin-right: 15px;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.last-updated:hover, .last-updated:focus-visible {
  color: #3497ed;
}
.last-updated:hover img, .last-updated:focus-visible img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}

.page-subheader {
  padding: 15px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 1;
}
.page-subheader:has(.marketing-title:hover) {
  z-index: 2;
}
.page-subheader h1 {
  font-size: 16px;
  margin: 0;
}
.page-subheader > .row {
  width: 100%;
}
.page-subheader > .row.row-custom {
  flex-wrap: nowrap;
}
@media (max-width: 1450px) {
  .page-subheader > .row.row-custom {
    flex-wrap: wrap;
    gap: 10px 0;
  }
}
.page-subheader > .row.row-custom > div {
  width: auto;
}
.page-subheader > .row.row-custom > div:last-child {
  flex-shrink: 0;
  margin-left: auto;
}
.page-subheader > .row > span {
  font-size: 0.75em;
}
.page-subheader .text {
  white-space: nowrap;
  font-size: 0.75em;
}
.subheader-search {
  width: 205px;
  position: relative;
}
.subheader-search input {
  border: 0;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  padding: 5px 5px 5px 47px;
  height: 30px;
  width: 100%;
  font-size: 0.75em;
}
.subheader-search button[type=submit] {
  position: absolute;
  left: 12px;
  top: 0;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  border: 0;
}
.subheader-search button[type=submit] img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.subheader-search button[type=submit]:hover, .subheader-search button[type=submit]:focus-visible {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}

.subheader-users .user-icons-list {
  display: flex;
  isolation: isolate;
}
.subheader-users .user-icons-list .user-entry {
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #e0e7f1;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
  font-size: 0.75em;
}
.subheader-users .user-icons-list .user-entry + .user-entry {
  z-index: -1;
}
.subheader-users .user-icons-list .user-entry + .user-entry:not(.add-user) {
  margin-left: -6px;
}
.subheader-users .user-icons-list .user-entry + .user-entry + .user-entry {
  z-index: -2;
}
.subheader-users .user-icons-list .user-entry + .user-entry + .user-entry + .user-entry {
  z-index: -3;
}
.subheader-users .user-icons-list .user-entry + .user-entry + .user-entry + .user-entry + .user-entry {
  z-index: -4;
}
.subheader-users .user-icons-list .user-entry.add-user {
  margin-left: 7px;
}
.subheader-users .user-icons-list .user-entry img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.subheader-users .user-icons-list .user-entry img.user-placeholder {
  width: 32px;
  height: 32px;
  filter: brightness(0) saturate(100%) invert(56%) sepia(21%) saturate(266%) hue-rotate(177deg) brightness(96%) contrast(92%);
}
.subheader-users .user-icons-list .user-entry .user-name {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  padding: 4px 10px;
  background: #3497ed;
  color: #fff;
  border-radius: 8px;
  white-space: nowrap;
}
.subheader-users .user-icons-list .user-entry:hover, .subheader-users .user-icons-list .user-entry:focus-visible {
  background-color: #183357;
  color: #fff;
}
.subheader-users .user-icons-list .user-entry:hover .user-name, .subheader-users .user-icons-list .user-entry:focus-visible .user-name {
  display: block;
}
.subheader-users .user-icons-list .user-entry:active {
  background-color: #3497ed;
}

.subheader-menu {
  flex-grow: 1;
}
.subheader-menu ul {
  flex-direction: row;
  gap: 10px 4%;
  justify-content: center;
}
.subheader-menu ul li {
  font-size: 0.75em;
}
.subheader-menu ul li a {
  position: relative;
  display: block;
  padding: 10px 8px;
  color: #122948;
  font-weight: 600;
}
.subheader-menu ul li a::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 0;
  transition: all 0.35s;
  bottom: 0;
  left: 0;
  background-color: #122948;
}
.subheader-menu ul li a:hover::after, .subheader-menu ul li a:focus-visible::after {
  width: 100%;
}
.subheader-menu ul li a.active:after {
  background-color: #3497ed;
  width: 100%;
}

.page-subheader .mark-complete {
  white-space: nowrap;
}

.marketing-notification {
  flex-shrink: 1;
  flex-grow: 1;
  font-size: 12px;
  height: 34px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.marketing-notification .marketing-title {
  display: flex;
  gap: 12px;
  font-weight: 600;
  background: #D8E9FF;
  padding: 10px 15px;
  border-radius: 8px;
}
.marketing-notification .marketing-title img {
  width: 14px;
  height: 14px;
  object-fit: contain;
  margin-top: 2px;
}
.marketing-notification .marketing-text {
  background: #D8E9FF;
  padding: 15px 20px;
  border-radius: 0 0 8px 8px;
}
.marketing-notification:hover {
  overflow: visible;
}
.marketing-notification:hover .marketing-title {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.subheader-arrows {
  display: flex;
  gap: 5px;
}

.pie-chart {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  position: relative;
}
.pie-chart-hollow::after {
  content: attr(data-ratio);
  position: absolute;
  height: 60%;
  width: 60%;
  left: 20%;
  top: 20%;
  border-radius: 50%;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.pie-key-entry {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pie-key-entry + .pie-key-entry {
  margin-top: 10px;
}
.pie-key-entry::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 3px;
  display: inline-block;
  flex-shrink: 0;
}
.pie-key-entry[data-key="1"]::before {
  background-color: #4da435;
}
.pie-key-entry[data-key="2"]::before {
  background-color: #f22a2a;
}

.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.tag-list:not(:first-child) {
  margin-top: 5px;
}

.tagDisplay {
  padding: 3px 10px;
  border-radius: 6px;
  color: #424242;
  font-size: 10px;
  background-color: #fff;
  border: 1px solid #e0e7f1;
  font-weight: 600;
}

#TagsSelection_taglist .k-chip {
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 700;
}
#TagsSelection_taglist .k-chip .k-chip-label {
  font-size: 10px;
}
#TagsSelection_taglist .k-chip .k-chip-action {
  margin-left: 5px;
}
#TagsSelection_taglist .k-chip .k-chip-action .k-svg-icon {
  width: 10px;
  height: 10px;
}

.k-svg-i-search {
  display: none;
}

.prima-scrollbar {
  --scrollbar-color-thumb: #fff;
  --scrollbar-color-track: #D7E0ED;
  --scrollbar-width: thin;
}
@supports (scrollbar-width: auto) {
  .prima-scrollbar {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

.prima-scrollbar-darker {
  --scrollbar-color-thumb: #fff;
  --scrollbar-color-track: #C4CDDA;
  --scrollbar-width: thin;
}
@supports (scrollbar-width: auto) {
  .prima-scrollbar-darker {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}

.tab-extendedcontent .col-md-6 {
  flex-grow: 1;
}
.tab-extendedcontent .col-md-6 + .col-md-3 {
  width: 0;
  padding: 0;
  display: none;
}

.k-tabstrip {
  font-family: "DM Sans", sans-serif;
}

.hover-copy-icons {
  display: flex;
  align-items: center;
  gap: 5px;
}
.hover-copy-icons .hover-copy {
  position: relative;
}
.hover-copy-icons .hover-copy .btn-copy {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #122948;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 5px;
  border: 0;
  color: #fff;
  white-space: nowrap;
  text-align: left;
}
.hover-copy-icons .hover-copy .btn-copy::after {
  content: "Copy to clipboard";
  display: block;
  font-size: 10px;
  opacity: 0.7;
  font-weight: 400;
  padding-left: 15px;
}
.hover-copy-icons .hover-copy .btn-copy::before {
  content: "";
  background: url("../../images/icons/clipboard.svg") no-repeat center left;
  width: 10px;
  height: 10px;
  background-size: contain;
  filter: brightness(0) invert(1);
  position: absolute;
  left: 10px;
  bottom: 8px;
  opacity: 0.7;
}
.hover-copy-icons .hover-copy .btn-copy.copied::after {
  content: "Copied successfully";
}
.hover-copy-icons .hover-copy .btn-copy.copied::before {
  background-image: url("../../images/icons/check.svg");
}
.hover-copy-icons .hover-copy:hover .btn-copy {
  display: block;
}

.task-detail .hover-copy-icons {
  flex-grow: 1;
}

.title-bg {
  background: #e0e7f1;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 30px;
  font-size: 13px;
  font-weight: 600;
  color: #091a32;
  margin: 0 0 20px;
}
.title-bg button {
  border: 0;
  background: 0;
  padding: 0;
}
.title-bg button img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.title-bg button:hover img {
  filter: brightness(0) saturate(100%) invert(26%) sepia(66%) saturate(6162%) hue-rotate(349deg) brightness(102%) contrast(90%);
}

[data-placeholder]:empty::before {
  content: attr(data-placeholder);
  opacity: 0.5;
  font-style: italic;
}

.prima-modal .modal-header {
  background: #eef2f8 !important;
  color: #424242;
  padding: 9px 30px;
}
.prima-modal .modal-header-left {
  font-size: 13px;
}
.prima-modal .modal-header-left, .prima-modal .modal-header-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.prima-modal .modal-header-controls {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}
.prima-modal .modal-body {
  padding: 0;
}

[data-editmode=true] [data-editview=static] {
  display: none;
}

[data-editmode=false] [data-editview=editable] {
  display: none;
}

.prima-button {
  display: inline-block;
  border: 0;
  padding: 10px 12px;
  border-radius: 8px;
  font-weight: 500;
  color: #122948;
  background-color: #eef2f8;
  transition: all 0.3s;
  line-height: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 0.8125em;
}
.prima-button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.prima-button img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
  transition: filter 0.3s;
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.prima-button:not(.pb-icon-only) {
  min-width: 110px;
}
.prima-button:not([disabled]):hover, .prima-button:not([disabled]):focus-visible, .prima-button:not([disabled]).show {
  background-color: #3497ed;
  color: #fff;
}
.prima-button:not([disabled]):hover img, .prima-button:not([disabled]):focus-visible img, .prima-button:not([disabled]).show img {
  filter: brightness(100%) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.pb-white {
  background: #fff;
}

.pb-lightgrey {
  background: #e0e7f1;
}

.pb-primary {
  background-color: #122948;
  color: #fff;
}
.pb-primary img {
  filter: brightness(100%) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.pb-primary:not([disabled]):hover, .pb-primary:not([disabled]):focus-visible, .pb-primary:not([disabled]).show {
  background-color: #3497ed;
}

.pb-secondary {
  background-color: #3497ed;
  color: #fff;
}
.pb-secondary img {
  filter: brightness(100%) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.pb-secondary:not([disabled]):hover, .pb-secondary:not([disabled]):focus-visible, .pb-secondary:not([disabled]).show {
  background-color: #122948;
}

.pb-tertiary {
  background-color: rgba(77, 151, 183, 0.1882352941);
  color: #091a32;
}
.pb-tertiary img {
  filter: brightness(100%) saturate(0%) invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.pb-tertiary:not([disabled]):hover, .pb-tertiary:not([disabled]):focus-visible, .pb-tertiary:not([disabled]).show {
  background-color: #3497ed;
}

.pb-red {
  background-color: #C04242;
  color: #fff;
}
.pb-red img {
  filter: brightness(100%) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.pb-red:not([disabled]):hover, .pb-red:not([disabled]):focus-visible, .pb-red:not([disabled]).show {
  background-color: #122948;
}

.pb-green {
  background-color: #CFEACA;
  color: #fff;
}
.pb-green img {
  filter: brightness(100%) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.pb-green.text-green {
  color: #397F2D;
}
.pb-green:not([disabled]):hover, .pb-green:not([disabled]):focus-visible, .pb-green:not([disabled]).show {
  background-color: #122948;
}

.pb-darkgreen {
  background-color: #5bb74c;
  color: #fff;
}
.pb-darkgreen img {
  filter: brightness(100%) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
.pb-darkgreen.text-green {
  color: #397F2D;
}
.pb-darkgreen:not([disabled]):hover, .pb-darkgreen:not([disabled]):focus-visible, .pb-darkgreen:not([disabled]).show {
  background-color: #122948;
}

.pb-small {
  padding: 7px 9px;
  font-size: 0.625em;
}

.pb-small-alt {
  font-weight: 400;
  padding: 3px 16px;
  min-width: 0 !important;
  font-size: 0.75em;
}

.pb-icon-flip img {
  transform: rotate(180deg);
}

.pb-fw {
  width: 100%;
}

.nav-arrows {
  display: flex;
  align-items: center;
  gap: 5px;
}
.nav-arrows .prima-button {
  padding: 5px;
}
.nav-arrows .prima-button img {
  width: 12px;
  height: 12px;
}

.k-input {
  font-family: "DM Sans", sans-serif;
}

.k-form .row:not(:last-child) {
  margin-bottom: 10px;
}
.k-form .k-label {
  color: #122948;
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 0.75em;
}
.k-form .k-label + .k-input {
  margin-top: 5px;
}
.k-form .k-input {
  border-radius: 8px;
  border: 1px solid #e9e9e9;
  font-family: "DM Sans", sans-serif;
  font-size: 0.8125em;
}
.k-form .k-input.show-padlock {
  background: #F4F4F4;
}
.k-form .k-input.show-padlock::after {
  content: "";
  width: 10px;
  height: 10px;
  background: url("../../images/icons/padlock.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 12px;
  right: 18px;
}
.k-form .k-input-inner {
  min-height: 35px;
  padding: 8px 15px;
}

.k-switch {
  height: 24px;
  width: 53px;
}
.k-switch .k-switch-track {
  height: 24px;
  width: 53px;
  background: #e0e7f1;
  border: 0;
}
.k-switch .k-switch-thumb {
  width: 16px;
  height: 16px;
  background: #fff;
}
.k-switch.k-switch-on .k-switch-track {
  background: #3497ed;
}

.form-buttons {
  font-size: 1rem;
}

.k-checkbox:checked {
  border-color: #5CB74D;
  background-color: #5CB74D;
}

.mark-complete {
  background: #fff;
  border-radius: 8px;
  color: #122948;
  cursor: pointer;
  font-weight: 600;
  background: rgba(92, 183, 77, 0.3);
  color: #39802D;
  padding: 5px 18px 5px 8px;
  display: flex;
  font-size: 0.6875em;
}
.mark-complete input {
  width: 0;
  height: 0;
  visibility: hidden;
}
.mark-complete input:checked + label::after {
  display: block;
}
.mark-complete:has(input[type=checkbox]:checked) label::after {
  display: block;
}
.mark-complete label,
.mark-complete .k-checkbox-label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  margin: 0;
}
.mark-complete label::before,
.mark-complete .k-checkbox-label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #eef2f8;
  border: 1px solid #eef2f8;
  border-radius: 8px;
}
.mark-complete label::after,
.mark-complete .k-checkbox-label::after {
  content: "";
  background-image: url("../../images/icons/check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  filter: invert(63%) sepia(39%) saturate(649%) hue-rotate(65deg) brightness(91%) contrast(88%);
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.k-pager {
  background: #eef2f8;
  padding: 10px 25px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  color: #122948;
  font-family: "DM Sans", sans-serif;
  font-size: 0.75em;
}
.k-pager-sizes {
  order: -1;
  text-transform: capitalize;
  font-weight: 600;
}
.k-pager-sizes::before {
  content: "Show";
  margin-right: 10px;
}
.k-pager .k-picker {
  background: #fff;
  font-size: 12px;
  height: 30px;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
}
.k-pager .k-picker .k-input-inner {
  padding: 0 0 0 10px;
}
.k-pager .k-picker .k-input-button {
  padding: 0 5px 0 0;
}
.k-pager .k-pager-info {
  font-weight: 600;
}
.k-pager .k-pager-info::before {
  content: "View";
  margin-right: 3px;
}
.k-pager .k-pager-numbers-wrap .k-button {
  color: #424242;
  font-size: 12px;
  border-radius: 50%;
  width: 32px;
  font-weight: 600;
  font-family: "DM Sans", sans-serif;
  margin: 0 3px;
}
.k-pager .k-pager-numbers-wrap .k-button.k-selected {
  color: #fff;
  background: #122948;
}
.k-pager .k-pager-numbers-wrap .k-svg-i-caret-alt-to-left {
  background: url("../../images/icons/chevron2-left2.svg") no-repeat center;
  background-size: 16px;
}
.k-pager .k-pager-numbers-wrap .k-svg-i-caret-alt-to-left svg {
  display: none;
}
.k-pager .k-pager-numbers-wrap .k-svg-i-caret-alt-left {
  background: url("../../images/icons/chevron2-left.svg") no-repeat center;
  background-size: 16px;
}
.k-pager .k-pager-numbers-wrap .k-svg-i-caret-alt-left svg {
  display: none;
}
.k-pager .k-pager-numbers-wrap .k-svg-i-caret-alt-to-right {
  background: url("../../images/icons/chevron2-left2.svg") no-repeat center;
  background-size: 16px;
  transform: rotate(180deg);
}
.k-pager .k-pager-numbers-wrap .k-svg-i-caret-alt-to-right svg {
  display: none;
}
.k-pager .k-pager-numbers-wrap .k-svg-i-caret-alt-right {
  background: url("../../images/icons/chevron2-left.svg") no-repeat center;
  background-size: 16px;
  transform: rotate(180deg);
}
.k-pager .k-pager-numbers-wrap .k-svg-i-caret-alt-right svg {
  display: none;
}

/*
.search-icon {
  .k-input {
    &::before {
      content: "";
      background: url("../../images/icons/search.svg") no-repeat center;
      background-size: auto;
      width: 18px;
      height: 18px;
      background-size: contain;
      position: absolute;
      left: 15px;
      top: calc(50% - 9px);
      z-index: 1;
      filter: $filter-primary;
    }

    &-inner {
      padding-left: 45px;
    }
  }
}
  */
.label-400 .k-label {
  font-weight: 400;
}

.k-window {
  border-radius: 8px;
}

/* task status dropdown */
.k-status-dropdown {
  width: 168px;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: #fff !important;
  box-shadow: none !important;
}
.k-status-dropdown:focus-visible {
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--kendo-color-border, rgba(33, 37, 41, 0.13)) 50%, transparent) !important;
}
.k-status-dropdown .k-input-inner {
  padding: 0;
}
.k-status-dropdown .k-input-value-text::before {
  display: none;
}
.k-status-dropdown .k-input-button {
  position: absolute;
  top: 9px;
  right: 16px;
  z-index: 1;
  width: 12px;
  height: 6px;
  background: url("../../images/icons/chevron-down.svg") no-repeat center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.k-status-dropdown .k-input-button svg {
  display: none;
}
.k-status-dropdown .k-list .k-item {
  padding: 0;
}
.k-status-dropdown .selected-status {
  width: 168px;
  font-size: 10px;
  font-weight: 700;
  border: 1px solid #eef2f8;
  border-radius: 8px;
  padding: 9px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
}
.k-status-dropdown .status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #6B7B94;
  flex-shrink: 0;
  outline: 1px solid #6B7B94;
  outline-offset: 2px;
}
.k-status-dropdown .k-dropdown,
.k-status-dropdown .k-dropdown-wrap {
  border-radius: 8px;
  padding: 8px 12px;
  font-weight: 500;
}
.k-status-dropdown .k-group-header {
  font-size: 12px;
  font-weight: 600;
  color: #888;
  padding: 8px 12px 4px;
}

.k-list-container:has(#taskStatusDropdown_listbox), .k-list-container:has(#DealStatusDropdown_listbox),
    .k-list-container:has(#DealUpdateStatusDropdown_listbox){
  border: 0;
  border-radius: 8px;
  transform: translateX(-12px);
  min-width: 192px !important;
}

#taskStatusDropdown_listbox, #DealStatusDropdown_listbox, #DealUpdateStatusDropdown_listbox {
  padding-bottom: 10px;
  min-width: 192px;
}
#taskStatusDropdown_listbox .k-list-item, #DealStatusDropdown_listbox .k-list-item, #DealUpdateStatusDropdown_listbox .k-list-item {
  padding: 2px 12px;
  background: #fff !important;
}
#taskStatusDropdown_listbox .k-list-item:has(.k-group-header), #DealStatusDropdown_listbox .k-list-item:has(.k-group-header), #DealUpdateStatusDropdown_listbox .k-list-item:has(.k-group-header) {
  font-size: 10px;
  font-weight: 600;
  color: #7E8794;
  padding: 8px 0 4px;
  pointer-events: none;
  background: none !important;
}
#taskStatusDropdown_listbox .k-list-item:hover .status-item, #taskStatusDropdown_listbox .k-list-item:focus-visible .status-item, 
    #DealStatusDropdown_listbox .k-list-item:hover .status-item, #DealStatusDropdown_listbox .k-list-item:focus-visible .status-item,
    #DealUpdateStatusDropdown_listbox .k-list-item:hover .status-item, #DealStatusDropdown_listbox .k-list-item:focus-visible .status-item{
  outline: 2px solid #3497ed;
}
#taskStatusDropdown_listbox .k-list-item-text::before, #DealStatusDropdown_listbox .k-list-item-text::before, 
    #DealUpdateStatusDropdown_listbox .k-list-item-text::before{
  display: none;
}
#taskStatusDropdown_listbox .k-group-header, #DealStatusDropdown_listbox .k-group-header, 
    #DealUpdateStatusDropdown_listbox .k-list-item-text::before{
  font-size: 10px;
  font-weight: 600;
  color: #7E8794;
  padding: 8px 12px 4px;
  pointer-events: none;
  background: none;
}
#taskStatusDropdown_listbox .status-item, #DealStatusDropdown_listbox .status-item, #DealUpdateStatusDropdown_listbox .status-item{
  width: 168px;
  font-size: 10px;
  font-weight: 700;
  border: 1px solid #eef2f8;
  border-radius: 8px;
  padding: 9px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #424242;
  line-height: 1;
}
#taskStatusDropdown_listbox .status-dot, #DealStatusDropdown_listbox .status-dot, #DealUpdateStatusDropdown_listbox .status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #6B7B94;
  flex-shrink: 0;
  outline: 1px solid #6B7B94;
  outline-offset: 2px;
  color: #424242;
}

.status-not-started {
  background-color: #fff;
  border: 1px solid #e0e7f1;
}

.status-in-progress {
  background-color: #E0E7F1;
}

.status-on-hold {
  background-color: #F1EEE0;
}
.status-on-hold .status-dot {
  background-color: #E3AE1F !important;
  outline-color: #E3AE1F !important;
}

.status-complete,
.status-archived {
  background-color: #E2EFE0;
}
.status-complete .status-dot,
.status-archived .status-dot {
  background-color: #5CB74D !important;
  outline-color: #5CB74D !important;
}

.percentage-bar-wrapper label {
  margin: 0;
}
.percentage-bar-wrapper .k-input-inner {
  padding: 3px 8px;
  min-height: 25px;
}
.percentage-bar-wrapper .k-input-button {
  padding-block: 0;
}

.percentage-bar {
  position: relative;
  width: 100%;
  height: 10px;
  background: #e0e7f1;
  border-radius: 8px;
  overflow: hidden;
}
.percentage-bar .fill {
  position: absolute;
  inset: 0 auto 0 0; /* top:0; left:0; bottom:0 */
  width: 0%;
  background: red; /* will be updated via JS */
  transition: width 0.25s ease, background-color 0.25s ease;
}

.engage-alert {
  --col-bg: #EEF7FF;
  --col-highlight: #3497ed;
  background: var(--col-bg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  gap: 10px;
  font-size: 0.75em;
}
.engage-alert:not(last-child) {
  margin-bottom: 5px;
}
.engage-alert.has-icon::before, .engage-alert.has-icon-large::before {
  content: "";
  background: url("../../images/icons/danger.svg") no-repeat center;
  width: 18px;
  height: 18px;
  display: block;
  flex-shrink: 0;
}
.engage-alert.has-icon-large::before {
  width: 32px;
  height: 32px;
}
.engage-alert span {
  flex-grow: 1;
  color: #122948;
}
.engage-alert span.alert-value {
  color: var(--col-highlight);
  font-weight: 600;
  font-size: 1.25em;
  min-width: 60px;
  text-align: center;
}
.engage-alert-default {
  --col-bg: #EEF7FF;
  --col-highlight: #3497ed;
}
.engage-alert-default::before {
  filter: brightness(0) saturate(100%) invert(59%) sepia(21%) saturate(7481%) hue-rotate(185deg) brightness(95%) contrast(94%);
}
.engage-alert-danger {
  --col-bg: #FFF6F6;
  --col-highlight: #F32A2A;
}
.engage-alert-danger::before {
  filter: brightness(0) saturate(100%) invert(29%) sepia(62%) saturate(4728%) hue-rotate(345deg) brightness(94%) contrast(102%);
}
.engage-alert-warning {
  --col-bg: #FFFAF1;
  --col-highlight: #E9991B;
}
.engage-alert-warning::before {
  filter: brightness(0) saturate(100%) invert(60%) sepia(81%) saturate(427%) hue-rotate(356deg) brightness(89%) contrast(107%);
}
.engage-alert-success {
  --col-bg: #F3F6F2;
  --col-highlight: #5CB74D;
}
.engage-alert-success::before {
  filter: brightness(0) saturate(100%) invert(67%) sepia(7%) saturate(3351%) hue-rotate(65deg) brightness(92%) contrast(93%);
}
.engage-alert.has-border {
  border-left: 5px solid var(--col-highlight);
}

.alerts-expandable:not(.active) .engage-alert:nth-child(n+3) {
  display: none;
}
.alerts-expandable .alert-expand {
  background: none;
  border: 0;
  padding: 0;
  color: #8193AB;
  font-size: 12px;
}
.alerts-expandable .alert-expand::before {
  content: "+";
  font-size: 12px;
}
.alerts-expandable .alert-expand:after {
  content: " more";
  font-size: 12px;
}
.alerts-expandable .alert-expand:hover {
  text-decoration: underline;
}
.alerts-expandable.active .alert-expand {
  font-size: 0;
}
.alerts-expandable.active .alert-expand::before {
  content: "";
}
.alerts-expandable.active .alert-expand::after {
  content: "Collapse";
}

.card-engage {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.card-engage + .card-engage:not([data-tab]) {
  margin-top: 15px;
}
.card-engage-inner {
  padding: 25px;
  transition: 0.3s all;
}
.card-engage-inner.nosidepaddings {
  padding: 25px 0;
}
.card-engage-inner.nosidepaddings > .card-title {
  padding-inline: 25px;
}
.card-engage-inner.collapsing {
  padding: 0 25px;
}
.card-engage-inner.collapse {
  padding: 0 25px;
}
.card-engage-inner.collapse.show {
  padding: 25px;
}
.card-engage > .card-title {
  padding: 13px 25px;
  background: #e0e7f1;
  font-weight: 600;
  margin: 0;
  font-size: 0.8125em;
}
.card-engage > .card-title + .card-engage-inner {
  padding-top: 0;
}
.card-engage > .card-title .row > span {
  width: auto;
  flex-grow: 1;
}
.card-title {
  border-bottom: 1px solid #eef2f8;
  padding: 0 0 15px;
  margin: 0 0 15px;
  position: relative;
  font-size: 1.0625em;
}
.card-title-flex {
  display: flex;
  align-items: center;
  gap: 10px;
}
.card-title.card-title-large {
  font-size: 16px;
  font-weight: 900;
  border: 0 !important;
  padding: 20px 25px 0;
}
.card-title .card-accordion {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: inherit;
  width: auto;
}
.card-title .card-accordion-collapse {
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50px;
}
.card-title .card-accordion-collapse.collapsed + .card-accordion::after {
  transform: rotate(180deg);
}
.card-title .close {
  float: right;
  border: 0;
  padding: 0;
  background: transparent;
}
.card-title .close i {
  font-size: 18px;
  color: #122948;
}
.card-title .close:hover i {
  color: #3497ed;
}
.card-title-count {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  background: #e0e7f1;
  padding: 3px 13px;
  border-radius: 8px;
}
.card-title-dropdown {
  display: inline-block;
  margin-left: auto;
}
.card-title-dropdown .dropdown-menu {
  font-size: 12px;
}
.card-title-dropdown .dropdown-menu .dropdown-item:hover {
  background: #3497ed;
}
.card-title-dropdown .k-input {
  width: 160px;
  background: #e0e7f1;
  border: 0;
}

.card-section {
  margin: 20px 0;
}
.card-section:last-child {
  margin-bottom: 0;
}

.card-border {
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

.card-edit {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid #eef2f8;
  font-size: 1em;
  display: flex;
  align-items: center;
  width: auto;
  margin-right: 15px;
  padding: 0;
}
.card-edit:hover img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}

.card-accordion {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid #eef2f8;
  padding: 0 0 10px;
  margin: 0 0 10px;
  font-size: 1em;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  width: 100%;
  font-size: 0.8125em;
}
.card-accordion::after {
  content: "";
  width: 14px;
  height: 14px;
  background: url("../images/icons/chevron-down.svg") no-repeat center;
  background-size: contain;
  border: 0;
  margin-left: auto;
  flex-shrink: 0;
  transform: rotate(0deg);
  transition: all 0.35s;
}
.card-accordion.collapsed::after {
  transform: rotate(180deg);
}

.card-file {
  background: #eef2f8;
  border: 1px solid #E0E7F1;
  border-radius: 8px;
  padding: 10px;
  display: block;
  color: #091a32;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.625em;
}
.card-file:not(:last-child) {
  margin-bottom: 10px;
}
.card-file:hover, .card-file:focus-visible {
  border-color: #3497ed;
}
.card-file + .card-file {
  margin-top: 10px;
}
.card-file-name {
  margin-right: auto;
}
.card-file-action {
  cursor: pointer;
}
.card-file-action:hover img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}
.card-file-upload .k-upload {
  border: 0;
}
.card-file-upload .k-upload .k-dropzone {
  background: #eef2f8;
  border: 1px solid #E0E7F1;
  border-radius: 8px;
  padding: 10px;
  display: block;
  color: #091a32;
  display: flex;
  align-items: center;
  gap: 10px;
}
.card-file-upload .k-upload .k-button-text {
  font-family: "DM Sans", sans-serif;
  font-size: 0.625em;
}

.card-info:not(:last-child) {
  margin-bottom: 8px;
}
.card-info-name {
  font-weight: 300;
  color: #122948;
  font-size: 0.75em;
}
.card-info-value {
  color: #122948;
  font-weight: 900;
  font-size: 0.75em;
}
.card-info-value.value-green {
  max-width: 130px;
  font-weight: 600;
  background: rgba(92, 183, 77, 0.3019607843);
  border-radius: 8px;
  text-align: center;
  margin-left: auto;
  padding: 2px 5px;
}
.card-info-value.value-date {
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  padding: 5px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}
.card-info-value.value-date img {
  flex-shrink: 0;
}

.card-quotedetails > div {
  align-self: stretch;
  padding: 25px;
  border-right: 1px solid #e0e7f1;
}
.card-quotedetails > div:first-child {
  padding-left: 0;
}
.card-quotedetails > div:last-child {
  border: 0;
  padding-right: 0;
}
.card-quotedetails .k-input {
  font-size: 12px;
}
.card-quotedetails .task-detail {
  min-height: 30px;
}
.card-quotedetails .task-detail-name {
  max-width: 130px;
}

.card-quotes-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
  padding: 5px 0;
  margin: 5px 0;
  border-bottom: 1px solid #E0E0E0;
  font-size: 0.75em;
}
.card-quotes-entry:first-child {
  padding-top: 0;
  margin-top: 0;
}

.card-actions .prima-button {
  min-height: 39px;
}

.card-darkblue {
  background: #1A3457;
  border-radius: 8px;
  padding: 20px;
}
.card-darkblue * {
  color: #fff !important;
}

.card-darkblue-darker {
  background: #091a32;
  border-radius: 8px;
  padding: 20px;
}
.card-darkblue-darker * {
  color: #e0e7f1 !important;
}

.card-palegrey {
  background: #eef2f8;
  border-radius: 8px;
  padding: 20px;
}

.card-engage[data-tab] {
  display: none;
}
.card-engage[data-tab].tab-active {
  display: block;
}

.card-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  align-items: stretch;
}

.card-tab {
  padding: 5px 40px;
  border-radius: 8px 8px 0 0;
  background: #e0e7f1;
  color: #122948;
  font-weight: 600;
  text-align: center;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  font-size: 0.75em;
}
.card-tab:hover {
  background: #3497ed;
  color: #fff;
}
.card-tab.tab-active {
  background: #fff;
  color: #424242;
}

/* kendo tabs */
.k-tabstrip-items {
  gap: 3px;
}

.k-tabstrip-item {
  padding: 5px 15px !important;
  border-radius: 8px 8px 0 0 !important;
  background: #e0e7f1;
  color: #122948;
  font-weight: 600;
  text-align: center;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  font-family: "DM Sans", sans-serif;
  font-size: 0.75em;
}
.k-tabstrip-item:hover {
  background: #3497ed;
}
.k-tabstrip-item:hover .k-link {
  color: #fff !important;
}
.k-tabstrip-item .k-link {
  color: #424242;
}
.k-tabstrip-item.k-active .k-link {
  color: #424242 !important;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
  border: 0;
}

.card-style2 {
  border-radius: 0;
}
.card-style2 > .card-title {
  background: transparent;
  border-bottom: 1px solid #e0e7f1;
}
.card-style2 + .card-engage:not([data-tab]) {
  margin: 0;
}

.card-engage .customer-search-table .k-pager {
  background: #fff;
}

.navbar-main {
  background: #091a32;
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 2;
}
.navbar-main .container-fluid {
  padding: 16px 28px;
  gap: 20px 25px;
}
@media only screen and (max-width: 1400px) {
  .navbar-main .container-fluid {
    flex-wrap: wrap;
  }
  .navbar-main .container-fluid .navbar-collapse {
    order: 1;
    width: 100%;
  }
}
.navbar-main .navbar-toggler-icon {
  filter: brightness(0) invert(1);
}
.navbar-main .dropdown-menu {
  background: #091a32;
  border: 0;
  border-radius: 8px;
  margin-top: 20px;
  min-width: 295px;
  font-size: 0.75em;
}
.navbar-main .dropdown-menu li {
  color: #fff;
}
.navbar-main .dropdown-menu a {
  color: #fff;
  transition: all 0.35s;
  padding: 12px 0;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.navbar-main .dropdown-menu a img {
  filter: brightness(0) invert(1);
  margin-right: 20px;
}
.navbar-main .dropdown-menu a:hover {
  background-color: transparent;
  color: #3497ed;
}
.navbar-main .dropdown-menu hr {
  border-color: #fff;
  opacity: 0.5;
}
.navbar-main .dropdown-menu:not(.dropdown-notifications) {
  padding: 20px;
}
.navbar-main .dropdown-menu:not(.dropdown-notifications) li + li {
  border-top: 1px solid #fff;
}
.navbar-main .dropdown-menu:not(.dropdown-notifications) a {
  cursor: pointer;
}
.navbar-main .dropdown-menu:not(.dropdown-notifications) a::after {
  content: "";
  width: 12px;
  height: 12px;
  background: url("../images/icons/chevron-right.svg") no-repeat center;
  background-size: contain;
  border: 0;
  filter: brightness(0) invert(1);
  margin-left: auto;
  flex-shrink: 0;
  transition: all 0.35s;
}
.navbar-main .dropdown-menu.dropdown-create .dropdown-title {
  color: #fff;
  font-size: 13px;
  border: 0;
  margin: 0 0 18px;
}
.navbar-main .dropdown-menu.dropdown-create li {
  border: 0 !important;
}
.navbar-main .dropdown-menu.dropdown-create .dropdown-item {
  border: 0;
  margin-top: 11px;
  background: #183357;
  border-radius: 8px;
  padding: 6px 12px 6px 6px;
  font-weight: 400;
  font-size: 12px;
}
.navbar-main .dropdown-menu.dropdown-create .dropdown-icon {
  width: 35px;
  height: 35px;
  background: #264875;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
.navbar-main .dropdown-menu.dropdown-create .dropdown-icon img {
  margin: 0;
}
.navbar-main .dropdown-menu.dropdown-profile {
  background: linear-gradient(to bottom, #183357 82px, #091a32 82px, #091a32 100%);
  padding: 15px 30px 30px;
}
.navbar-main .dropdown-menu.dropdown-profile li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dropdown-profile-img {
  display: block;
  width: 98px;
  height: 98px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #091a32;
}

.dropdown-profile-text {
  margin-top: 15px;
  text-align: center;
}
.dropdown-profile-text span {
  display: block;
}

.dropdown-profile-name {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
}

.dropdown-profle-buttons {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 16px;
}
.dropdown-profle-buttons .dropdown-divider {
  border-color: #fff;
  margin: 13px 0;
}

.navbar-main .dropdown-menu.dropdown-profile .logo-upload {
  display: none;
}
.navbar-main .dropdown-menu.dropdown-profile .logo-upload-limit {
  color: #F32A2A;
  text-align: center;
  margin: 5px 0;
  font-size: 12px;
  font-weight: 700;
}

/*
span.search-main {
  max-width: 440px;
  border-color: transparent;
  background: #1c2c42;
  position: relative;
  isolation: isolate;

  &::before {
    content: "";
    background: url("../../images/icons/search.svg") no-repeat center;
    width: 18px;
    height: 18px;
    background-size: contain;
    position: absolute;
    left: 22px;
    top: calc(50% - 9px);
    z-index: 1;
    filter: brightness(0) invert(1);
  }

  input.search-main {
    border-radius: $border-radius;
    color: #fff;
    padding: 9px 25px 9px 60px;
    border-color: transparent;
    background-color: #1c2c42;
    position: relative;
    z-index: 0;

    &::placeholder {
      color: #fff;
      opacity: 0.7;
    }
  }

  &.k-focus {
    box-shadow: none;
    background: $col-darkblue-lighter;
    border-color: $col-secondary;

    input {
      background: $col-darkblue-lighter;
      border-color: $col-secondary;
    }
  }
}
*/
/*
.main-menu {
  gap: 0 35px;

  .nav-link {
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 0 !important;
    position: relative;
    @include em(14);

    &::before {
      content: "";
      width: 0;
      height: 2px;
      background: $col-secondary;
      position: absolute;
      bottom: -8px;
      left: 0;
      transition: width 0.35s;
    }

    &.dropdown-toggle {
      &::after {
        width: 12px;
        height: 12px;
        background: url("../images/icons/chevron-down.svg") no-repeat center;
        background-size: auto;
        background-size: contain;
        border: 0;
        filter: brightness(0) invert(1);
        margin-left: auto;
        flex-shrink: 0;
      }
    }

    &.show,
    &:hover,
    &:focus-visible {
      color: #fff;

      &::before {
        width: 100%;
      }
    }

    &.active {
      color: $col-secondary;
    }
  }
}*/
.header-breadcrumb {
  color: #fff;
}
.header-breadcrumb ol {
  margin: 0;
  font-size: 13px;
  font-weight: 900;
}
.header-breadcrumb li::before {
  display: none;
}
.header-breadcrumb li:not(:last-child) {
  margin-right: 8px;
}
.header-breadcrumb li:not(:last-child)::after {
  content: "";
  background: url("../../images/icons/chevron-right.svg") no-repeat center;
  width: 10px;
  height: 10px;
  display: inline-block;
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
  margin-left: 12px;
}
.header-breadcrumb a {
  color: #fff;
}
.header-breadcrumb a:hover {
  text-decoration: underline;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 22px;
}
.header-right > button img,
.header-right .dropdown > button img,
.header-right .accordion-create img {
  filter: brightness(0) invert(1);
  transition: all 0.35s;
}
.header-user-img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 50%;
}

.button-create {
  padding: 8px 15px;
  border-radius: 8px;
  background: #183357;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid transparent;
  color: #fff;
  font-size: 0.75em;
}
.button-create::after {
  display: none;
}
.button-create:hover, .button-create:focus-visible {
  border-color: #3497ed;
  background-color: #183357;
  color: #fff;
}
.button-create.show {
  border-color: #3497ed;
  background-color: #183357;
  color: #3497ed;
}
.button-create.show img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}

.offcanvas.offcanvas-create {
  top: inherit !important;
  bottom: 0;
  height: calc(100% - 68px);
  width: 330px;
  border-left: 0;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
}

.button-profile {
  border: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  display: block;
}
.button-profile::after {
  display: none;
}
.button-profile img {
  filter: none !important;
}

.button-help,
.button-notifications {
  padding: 0;
}
.button-help img,
.button-notifications img {
  display: block;
}
.button-help img:hover,
.button-notifications img:hover {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}

.button-notifications {
  position: relative;
}
.button-notifications::after {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #f9837c;
  position: absolute;
  top: -3px;
  right: -3px;
}
.button-notifications + .dropdown-menu {
  padding: 10px 0;
}
.notification-entry {
  margin: 0 20px;
  padding: 20px 0;
  position: relative;
}
.notification-entry + .notification-entry {
  border-top: 1px solid #3497ed;
}
.notification-entry h4 {
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 1.1666666667em;
}
.notification-entry p {
  margin: 0;
  opacity: 0.7;
  @inlcude em(12);
}
.notification-entry[data-new=true] h4::after {
  content: "New!";
  background-color: #f9837c;
  padding: 2px 5px;
  text-transform: uppercase;
  border-radius: 8px;
  font-size: 0.75em;
}

.button-notifications + .dropdown-menu a {
  padding: 0 20px;
}
.button-notifications + .dropdown-menu a::after {
  display: none;
}
.button-notifications + .dropdown-menu accent-color {
  padding: 0;
}

.offcanvas-header {
  background: #eef2f8;
}
.offcanvas-header h4 {
  color: #122948;
  font-weight: 600;
  font-size: 0.8125em;
}
.offcanvas-header > div:not(.card-tabs) {
  margin-left: auto;
}
.offcanvas-header .btn-close {
  width: 13px;
  height: 13px;
  background-size: 13px;
}
.offcanvas-header .pb-icon-only {
  padding: 6px;
}
.offcanvas-header .pb-icon-only img {
  width: 11px;
  height: 11px;
}

.offcanvas-body label {
  font-size: 0.8125em;
}
.offcanvas-body .tag-results {
  max-height: 400px;
  overflow: auto;
  padding: 0;
}
.offcanvas-body .tag-results .results-wrapper {
  border: 1px solid #e0e7f1;
}
.offcanvas-body .tdDescription {
  font-size: 0.8125em;
}

.accordion-create .accordion-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-color: #eef2f8;
}
.accordion-create .accordion-header {
  font-size: 0.8125em;
}
.accordion-create .accordion-button {
  color: #122948;
  font-weight: 700;
  background: #f7f7f7;
  border-radius: 8px !important;
  box-shadow: none;
  padding: 5px 7px;
  font-size: 1em;
}
.accordion-create .accordion-button::after {
  background-image: url("../../images/icons/chevron-down.svg");
  width: 12px;
  height: 8px;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.accordion-create .accordion-button .create-title-icon {
  background: #122948;
  width: 25px;
  height: 25px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
}
.accordion-create .accordion-button .create-title-icon img {
  width: 14px;
  height: 14px;
  object-fit: contain;
}
.accordion-create .accordion-body {
  padding-left: 0;
  padding-right: 0;
}
.create-buttons {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
}
.create-buttons button:first-child {
  margin-right: auto;
}

.create-button {
  background: none;
  padding: 0 7px;
  border: 0;
  color: #122948 !important;
  font-weight: 600;
  display: flex;
  align-items: center;
  font-size: 0.8461538462em;
}
.create-button + .create-button {
  margin-top: 10px;
}
.create-button .create-item-icon {
  background: #fff;
  width: 25px;
  height: 25px;
  border-radius: 8px;
  border: 1px solid #122948;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
}
.create-button .create-item-icon img {
  width: 14px;
  height: 14px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.create-button .name {
  margin-right: 3px;
}
.create-button .detail {
  color: #9ba3ad;
}

.offcanvas.offcanvas-create-form {
  top: inherit !important;
  bottom: 0;
  height: calc(100% - 68px);
  width: 670px;
  border-left: 0;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.offcanvas.offcanvas-create-form h5 {
  color: #122948;
  font-weight: 600;
  margin: 0 0 10px;
  font-size: 0.8125em;
}
.offcanvas.offcanvas-create-form .offcanvas-header {
  padding-left: 30px;
}
.offcanvas.offcanvas-create-form .offcanvas-header .pb-white img {
  opacity: 0.7;
}
.offcanvas.offcanvas-create-form .mark-complete {
  margin-left: auto;
  padding: 5px 20px 5px 5px;
}
.offcanvas.offcanvas-create-form .offcanvas-body {
  padding: 0;
}
.offcanvas.offcanvas-create-form .offcanvas-body-inner {
  padding: 20px 30px;
}
.offcanvas.offcanvas-create-form .offcanvas-body-inner.less-padding {
  padding: 10px 30px;
}
.offcanvas.offcanvas-create-form .offcanvas-body:not(.k-form) {
  padding: 20px 30px;
}
.offcanvas.offcanvas-create-form .offcanvas-body:not(.k-form) label {
  width: 100%;
  color: #122948;
  font-weight: 600;
  font-size: 0.9230769231em;
}
.offcanvas.offcanvas-create-form .offcanvas-body:not(.k-form) input,
.offcanvas.offcanvas-create-form .offcanvas-body:not(.k-form) textarea {
  width: 100%;
  max-width: none;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  padding: 10px 25px;
  margin: 10px 0;
}
.offcanvas.offcanvas-create-form .offcanvas-body:not(.k-form) input::placeholder,
.offcanvas.offcanvas-create-form .offcanvas-body:not(.k-form) textarea::placeholder {
  color: #c1c1c1;
  opacity: 1;
}
.offcanvas.offcanvas-create-form .offcanvas-body:not(.k-form) input[type=text], .offcanvas.offcanvas-create-form .offcanvas-body:not(.k-form) input[type=date],
.offcanvas.offcanvas-create-form .offcanvas-body:not(.k-form) textarea[type=text],
.offcanvas.offcanvas-create-form .offcanvas-body:not(.k-form) textarea[type=date] {
  height: 52px;
}
.offcanvas.offcanvas-create-form .offcanvas-body:not(.k-form) textarea {
  padding: 15px 25px;
}
.offcanvas.offcanvas-create-form .offcanvas-body:not(.k-form) select {
  width: 100%;
  margin: 10px 0;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  padding: 10px 25px;
  height: 52px;
}
.create-inner {
  background: #eef2f8;
  padding: 25px;
  border-radius: 8px;
  margin: 20px 0;
}
.create-inner h5 {
  font-weight: 600;
  color: #122948;
  font-size: 1em;
}

.create-relationship {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 12px;
}
.create-relationship label {
  width: 100%;
}
.create-relationship-input {
  position: relative;
  flex-grow: 1;
}
.create-relationship-input .btn-search {
  position: absolute;
  top: calc(50% - 26px);
  right: 0;
  width: 52px;
  height: 52px;
  border: 0;
  background: none;
}
.create-relationship-input .btn-search img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.create-relationship-input .btn-search:hover img, .create-relationship-input .btn-search:focus-visible img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}

.modal-footer.offcanvas-body-inner {
  box-shadow: 0 0 3px 3px #eef2f8;
  position: relative;
  padding-block: 15px !important;
}

#offcanvasContactCreateLabel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#offcanvasContactCreateLabel .offcanvas-title-checkboxes {
  margin-left: auto;
  display: flex;
  gap: 20px;
}
#offcanvasContactCreateLabel .offcanvas-title-checkboxes > div + div {
  margin-left: 10px;
}
#offcanvasContactCreateLabel .offcanvas-title-checkboxes label {
  margin-left: 15px;
}

.accordion-update-details .accordion-button {
  padding-inline: 0;
  display: flex;
  align-items: center;
  gap: 35px;
  padding-left: 32px;
  font-size: 12px;
  box-shadow: none;
}
.accordion-update-details .accordion-button > span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.accordion-update-details .accordion-button > span img {
  margin-right: 10px;
}
.accordion-update-details .accordion-button::after {
  position: absolute;
  left: 0;
  top: 13px;
  transform: rotate(0deg);
  background-image: url("../../images/icons/chevron-right.svg");
  background-size: 6px 12px;
  transform-origin: center;
  background-position: center;
}
.accordion-update-details .accordion-button:focus {
  box-shadow: none;
}
.accordion-update-details .accordion-button:not(.collapsed) {
  background: #fff;
  box-shadow: 0;
  border: 0 !important;
}
.accordion-update-details .accordion-button:not(.collapsed)::after {
  transform: rotate(90deg);
}
.accordion-update-details .accordion-body {
  padding-inline: 0;
}

.offcanvas-tab {
  display: none;
}
.offcanvas-tab.tab-active {
  display: block;
}

.small-input input {
  height: 28px;
  min-height: 28px !important;
}

.update-task-contact-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 30px;
  font-size: 12px;
  font-weight: 600;
  margin-top: 10px;
}
.update-task-contact-info > span {
  display: flex;
  align-items: center;
  gap: 12px;
}

.side-menu {
  background-color: #122948;
  height: 100vh;
  padding: 20px;
  width: 220px;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: all 0.35s;
  position: sticky;
  top: 0;
  z-index: 2;
}
.side-menu .logo {
  margin: 40px auto 20px;
  display: block;
  width: 147px;
}
.side-menu .logo-mini {
  display: none;
  width: 36px;
}
.side-menu .logo img {
  margin: 0 auto;
  display: block;
  transition: opacity 0.35s;
}
.side-menu .logo:hover img {
  opacity: 0.7;
}
.side-menu .nav-item {
  font-size: 0.8125em;
}
.side-menu .nav-item + .nav-item {
  margin: 4px 0 0;
}
.side-menu .nav-item > button {
  width: 100%;
}
.side-menu .nav-link {
  border-radius: 8px;
  overflow: hidden;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}
.side-menu .nav-link.accordion-button {
  background: transparent;
  box-shadow: none;
  color: #fff;
  font-size: 1em;
}
.side-menu .nav-link.accordion-button::before {
  content: "";
  width: 2px;
  height: 100%;
  background: #3497ed;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.35s;
}
.side-menu .nav-link.accordion-button:not(.collapsed)::before {
  opacity: 1;
}
.side-menu .nav-link.accordion-button::after {
  width: 12px;
  height: 12px;
  background: url("../images/icons/chevron-down.svg") no-repeat center;
  background-size: contain;
  border: 0;
  filter: brightness(0) invert(1);
  margin-left: auto;
  flex-shrink: 0;
}
.side-menu .nav-link:hover, .side-menu .nav-link:focus-visible {
  background-color: #264875;
}
.side-menu .nav-icon {
  width: 18px;
  height: 18px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  flex-shrink: 0;
}
.side-menu .sub-nav {
  list-style: none;
  padding: 0;
}
.side-menu .sub-nav li {
  padding-left: 20px;
}
.side-menu .sub-nav li + li {
  margin-top: 5px;
}
.side-menu .sub-nav li a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.side-menu .sub-nav li a::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  display: block;
  background: #3497ed;
  transition: all 0.35s;
}
.side-menu .sub-nav li a:hover::before, .side-menu .sub-nav li a:focus-visible::before {
  border-radius: 0;
  height: 15px;
  width: 2px;
  margin-right: 1px;
}
.nav-lower {
  margin-top: auto;
}
.nav-user {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: 8px;
  padding: 25px;
  background-color: #183357;
  text-decoration: none;
  border: 2px solid transparent;
  transition: all 0.35s;
}
.nav-user-img {
  width: 82px;
  height: 82px;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 0 20px;
}
.nav-user-name {
  font-size: 1.2em;
  font-weight: 600;
  color: #fff;
  margin: 0 0 5px;
  font-size: 0.9375em;
}
.nav-user-title {
  color: #fff;
  font-size: 0.89em;
  position: relative;
  overflow: hidden;
  @inlcude em(12);
}
.nav-user-title span {
  transition: all 0.35s;
  position: relative;
  display: block;
  opacity: 0.5;
}
.nav-user-title::after {
  content: "View Profile";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.35s;
}
.nav-user:hover, .nav-user:focus-visible {
  border-color: #3497ed;
}
.nav-user:hover .nav-user-title span, .nav-user:focus-visible .nav-user-title span {
  transform: translateY(100%);
}
.nav-user:hover .nav-user-title::after, .nav-user:focus-visible .nav-user-title::after {
  top: 0;
  opacity: 1;
  color: #3497ed;
}

.side-nav-bot {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.side-nav-bot button {
  background: none;
  color: #fff;
  border: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  font-size: 0.625em;
}
.side-nav-bot button img {
  filter: brightness(0) invert(1);
  display: block;
  margin-top: 3px;
}
.side-nav-bot button.toggle-sidenav img {
  transform: rotateZ(180deg);
}
.side-nav-bot button:hover, .side-nav-bot button:focus-visible {
  text-decoration: underline;
}
.side-nav-bot .copyright {
  font-size: 8px;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #C9C9C9;
  padding: 5px 0;
  margin: 0 0px;
  order: -1;
}
.side-nav-bot .copyright-hover {
  display: none;
  position: absolute;
  left: calc(100% + 15px);
  top: 0;
  width: 280px;
  padding: 5px 10px;
  color: #fff;
  background: #183357;
  font-size: 11px;
}
.side-nav-bot .copyright:hover .copyright-hover {
  display: block;
}

.side-menu.nav-mini {
  width: 82px;
  padding: 0 0 20px;
}
.side-menu.nav-mini .logo {
  display: none;
}
.side-menu.nav-mini .logo-mini {
  display: block;
  height: 82px;
  width: 100%;
  background: #1A3457;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.side-menu.nav-mini .navbar-nav {
  flex-grow: 1;
}
.side-menu.nav-mini .nav-item {
  position: relative;
  margin-inline: 13px;
}
.side-menu.nav-mini .nav-item:last-child {
  margin-top: auto;
}
.side-menu.nav-mini .nav-item:hover .sub-nav {
  display: block !important;
  z-index: 99999999;
}
.side-menu.nav-mini .nav-link {
  justify-content: center;
  width: 56px;
  height: 56px;
  position: relative;
}
.side-menu.nav-mini .nav-link span {
  font-size: 8px;
  position: absolute;
  bottom: 5px;
}
.side-menu.nav-mini .nav-link.accordion-button::before, .side-menu.nav-mini .nav-link.accordion-button::after {
  display: none;
}
.side-menu.nav-mini .nav-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 12px;
}
.side-menu.nav-mini .nav-user {
  padding: 0;
  background: transparent;
}
.side-menu.nav-mini .nav-user-img {
  width: 45px;
  height: 45px;
  margin: 0;
}
.side-menu.nav-mini .nav-user-name, .side-menu.nav-mini .nav-user-title {
  display: none;
}
.side-menu.nav-mini .sub-nav {
  display: none !important;
  background: #264875;
  position: absolute;
  left: 100%;
  top: 0;
  padding: 10px;
  border-radius: 8px;
}
.side-menu.nav-mini .sub-nav li {
  padding: 0;
  font-size: 12px;
}
.side-menu.nav-mini .side-nav-bot {
  flex-direction: column;
  gap: 18px;
}
.side-menu.nav-mini .side-nav-bot button span {
  display: none;
}
.side-menu.nav-mini .side-nav-bot button.toggle-sidenav {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.35s;
}
.side-menu.nav-mini .side-nav-bot button.toggle-sidenav img {
  transform: rotateZ(0deg);
  width: 7px;
  height: 11px;
  margin: 0;
}
.side-menu.nav-mini .side-nav-bot button.toggle-sidenav:hover, .side-menu.nav-mini .side-nav-bot button.toggle-sidenav:focus-within {
  background-color: #3497ed;
}
.side-menu.nav-mini .side-nav-bot .copyright {
  order: 0;
}

.page-subheader-dashboard h1 {
  font-size: 14px;
  margin: 0 0 3px;
}
.page-subheader-dashboard p {
  font-size: 12px;
  margin: 0;
}
.page-subheader-dashboard .dropdown-menu {
  font-size: 12px;
}
.page-subheader-dashboard .dropdown-menu .dropdown-item:hover {
  background: #3497ed;
}

.dashboard-wrapper {
  padding: 24px;
}
@media (min-width: 1200px) {
  .dashboard-wrapper > .col-md-3 {
    width: 27%;
  }
  .dashboard-wrapper > .col-md-6 {
    width: 46%;
  }
}

#HomePageTasksDiv,
#HomePageDealsDiv {
  overflow: auto;
  height: 208px;
}

#HomePageDealsDiv {
  height: 220px;
}

.home-tasks-table-entry {
  display: grid;
  grid-template-columns: 1fr 1fr 25% 12px 14px 14px;
  gap: 5px;
  font-size: 12px;
  padding: 8px 0;
  margin: 0 25px;
  border-bottom: 1px solid #e0e7f1;
  align-items: center;
  position: relative;
}
.home-tasks-table-entry:hover {
  background: #eef2f8;
}
.home-tasks-table-entry:hover::before, .home-tasks-table-entry:hover::after {
  content: "";
  width: 25px;
  height: 100%;
  background: #eef2f8;
  position: absolute;
}
.home-tasks-table-entry:hover::before {
  right: 100%;
}
.home-tasks-table-entry:hover::after {
  left: 100%;
}
.home-tasks-table-entry.active {
  background: #122948;
  color: #fff;
}
.home-tasks-table-entry.active::before, .home-tasks-table-entry.active::after {
  content: "";
  width: 25px;
  height: 100%;
  background: #122948;
  position: absolute;
}
.home-tasks-table-entry.active::before {
  right: 100%;
}
.home-tasks-table-entry.active::after {
  left: 100%;
}
.home-tasks-subject {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-tasks-company {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-tasks-contact {
  display: flex;
  align-items: center;
}
.home-tasks-contact span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.home-tasks-contact img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  margin-right: 5px;
}
.priority-icon {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e0e7f1;
}
.priority-icon[data-priority=Critical] {
  background: #F32A2A;
}
.priority-icon[data-priority=High] {
  background: #FFA14A;
}
.priority-icon[data-priority=Medium] {
  background: #F1D900;
}
.priority-icon[data-priority=Low] {
  background: #5CB74D;
}

.home-tasks-view img {
  cursor: pointer;
  display: block;
}
.home-tasks-view img:hover {
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}

.home-deals-table-entry {
  position: relative;
  display: grid;
  grid-template-columns: 22% 1fr 1fr 14px 14px;
  gap: 5px;
  font-size: 12px;
  padding: 8px 0;
  margin: 0 25px;
  border-bottom: 1px solid #e0e7f1;
  align-items: center;
}
.home-deals-table-entry:hover {
  background: #eef2f8;
}
.home-deals-table-entry:hover .home-deals-value {
  color: #424242;
}
.home-deals-table-entry:hover .home-deals-value::before {
  border-left-color: #eef2f8;
}
.home-deals-table-entry:hover .home-deals-value::after {
  border-top-color: #eef2f8;
  border-bottom-color: #eef2f8;
}
.home-deals-table-entry:hover .home-deals-stage {
  color: #424242;
}
.home-deals-table-entry:hover .home-deals-stage::before {
  border-left-color: #eef2f8;
}
.home-deals-table-entry:hover .home-deals-stage::after {
  border-top-color: #eef2f8;
  border-bottom-color: #eef2f8;
}
.home-deals-table-entry:hover::before, .home-deals-table-entry:hover::after {
  content: "";
  width: 25px;
  height: 100%;
  background: #eef2f8;
  position: absolute;
}
.home-deals-table-entry:hover::before {
  right: 100%;
}
.home-deals-table-entry:hover::after {
  left: 100%;
}
.home-deals-table-entry.active {
  background: #122948;
  color: #fff;
}
.home-deals-table-entry.active .home-deals-value {
  color: #424242;
}
.home-deals-table-entry.active .home-deals-value::before {
  border-left-color: #122948;
}
.home-deals-table-entry.active .home-deals-value::after {
  border-top-color: #122948;
  border-bottom-color: #122948;
}
.home-deals-table-entry.active .home-deals-stage {
  color: #424242;
}
.home-deals-table-entry.active .home-deals-stage::before {
  border-left-color: #122948;
}
.home-deals-table-entry.active .home-deals-stage::after {
  border-top-color: #122948;
  border-bottom-color: #122948;
}
.home-deals-table-entry.active::before, .home-deals-table-entry.active::after {
  content: "";
  width: 25px;
  height: 100%;
  background: #122948;
  position: absolute;
}
.home-deals-table-entry.active::before {
  right: 100%;
}
.home-deals-table-entry.active::after {
  left: 100%;
}
.home-deals-name {
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-deals-description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-deals-stats {
  display: flex;
  align-items: center;
}
.home-deals-value {
  font-size: 11px;
  position: relative;
  height: 20px;
  background: #e7fcdc;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-deals-value::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid #e7fcdc;
  border-bottom: 10px solid #e7fcdc;
  border-left: 7px solid #fff;
  position: relative;
  right: 5px;
}
.home-deals-value::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
  border-left: 7px solid #e7fcdc;
  position: relative;
  left: 5px;
}
.home-deals-stage {
  font-size: 11px;
  position: relative;
  height: 20px;
  background: #dcedfc;
  display: flex;
  align-items: center;
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-deals-stage::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid #dcedfc;
  border-bottom: 10px solid #dcedfc;
  border-left: 7px solid #fff;
  position: relative;
  right: 5px;
}
.home-deals-stage::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
  border-left: 7px solid #dcedfc;
  position: relative;
  left: 5px;
}

.card-dashboard-summary {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 12px;
  margin: 0;
}
@media (max-width: 1800px) {
  .card-dashboard-summary {
    grid-template-columns: 1fr 1fr;
  }
}

.dashboard-summary {
  padding: 10px 15px;
  background: #E7EEF9;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 20px;
  align-items: center;
}
.dashboard-summary.summary-tasks {
  grid-template-columns: 40px 1fr 1fr 1fr;
}
@media (max-width: 1800px) {
  .dashboard-summary.summary-tasks {
    grid-column: span 2;
  }
}
.dashboard-summary.summary-deals {
  background: #FFEDD1;
}
.dashboard-summary.summary-deals .summary-icon {
  background: #FDB344;
}
.dashboard-summary.summary-quotes {
  background: #F9E7E7;
}
.dashboard-summary.summary-quotes .summary-icon {
  background: #D48080;
}

.summary-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #A3BDF0;
}
.summary-icon img {
  filter: brightness(0) invert(1);
}

.summary-line1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.summary-line2 {
  font-size: 13px;
  font-weight: 600;
}

.summary-line3 {
  font-size: 12px;
  color: #3497ed;
}

.card-dashboard-quotes .card-engage-inner {
  padding-top: 10px;
  padding-bottom: 10px;
}
.card-dashboard-quotes .card-title {
  padding: 0;
  margin: 0;
  border: 0;
}
.card-dashboard-quotes .card-section {
  margin-top: 10px;
}
.card-dashboard-quotes #OutstandingQuotesGrid {
  height: 254px;
}
.card-dashboard-quotes .k-table-tbody:empty::after {
  content: "No Quotes";
  opacity: 0.5;
  padding: 20px;
  display: block;
  width: 100%;
}

.card-dashboard-deals-by-stage .card-engage-inner {
  padding-top: 10px;
  padding-bottom: 10px;
}
.card-dashboard-deals-by-stage .card-title {
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.card-dashboard-deals-by-stage .card-section {
  margin-top: 10px;
}

.dashboard-sales-stats h3 {
  font-size: 14px;
}
.dashboard-sales-stats p {
  margin: 0;
}
.dashboard-sales-stats > .row > div:first-child {
  border-right: 1px solid #e0e7f1;
}

.sales-stat-block {
  margin: 0 -3px;
  align-items: center;
}
.sales-stat-block > div {
  padding: 0 3px;
  margin: 3px 0;
}

.sales-stat-type,
.sales-stat-change {
  font-size: 12px;
}

.sales-stat-change {
  text-align: right;
}
.sales-stat-change img {
  margin-right: 5px;
}

.sales-stat-total {
  font-size: 16px;
  font-weight: 700;
}

.sales-stat-from {
  font-size: 10px;
  color: #5D636B;
  align-self: center;
  text-align: right;
}

/*** AI Summary / Analysis Modal ***/
.summary-analysis h4 {
  font-size: 12px;
  font-weight: 700;
}

/* Sales Summary */
.sales-summary .summary-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 13px;
}
.sales-summary .summary-card {
  background: #f5f5f5;
  border-radius: 14px;
  padding: 20px;
}
.sales-summary .summary-card > img {
  margin-bottom: 5px;
}
.sales-summary .summary-card-title {
  color: #848484;
  font-size: 13px;
}
.sales-summary .summary-card-value {
  color: #424242;
  font-weight: 700;
  font-size: 18px;
}
.sales-summary h4 {
  margin: 25px 0 20px;
}
.sales-summary .product-code-item-wrapper {
  background: #F4F8FF;
  border-radius: 14px;
  padding: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 13px;
}
.sales-summary .product-code-item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.sales-summary .product-code-item > img {
  flex-shrink: 0;
}
.sales-summary .product-code-item:nth-child(2) > img {
  filter: brightness(0) saturate(100%) invert(70%) sepia(0%) saturate(0%) hue-rotate(176deg) brightness(99%) contrast(92%);
}
.sales-summary .product-code-item:nth-child(3) > img {
  filter: brightness(0) saturate(100%) invert(52%) sepia(33%) saturate(1028%) hue-rotate(334deg) brightness(106%) contrast(91%);
}
.sales-summary .product-code-sku {
  font-weight: 700;
  font-size: 13px;
  margin: 0 0 3px;
}
.sales-summary .product-code-qty {
  font-size: 13px;
  font-weight: 600;
  color: #8193AB;
}

/* Customer Insights */
.customer-insights .customer-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 10px;
}
.customer-insights .customer-row:nth-child(2) .customer-bar,
.customer-insights .customer-row:nth-child(2) .customer-value {
  background: #648CC4;
}
.customer-insights .customer-row:nth-child(3) .customer-bar,
.customer-insights .customer-row:nth-child(3) .customer-value {
  background: #3497ed;
}
.customer-insights .customer-name {
  width: 180px;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 700;
}
.customer-insights .customer-value {
  color: #fff;
  background: #091a32;
  padding: 3px 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  width: 110px;
  text-align: center;
  flex-shrink: 0;
}
.customer-insights .customer-bar-wrapper {
  flex-grow: 1;
}
.customer-insights .customer-bar {
  height: 25px;
  background: #091a32;
}
.customer-insights .insight-boxes {
  margin-top: 35px;
  display: flex;
  gap: 10px;
}
.customer-insights .insight-box {
  padding: 30px;
  border-radius: 14px;
  background: #eef2f8;
  width: 50%;
  flex-grow: 1;
}
.customer-insights .insight-box-increased {
  background: #EEFBEC;
}
.customer-insights .insight-box-declining {
  background: #F8EDED;
}
.customer-insights .insight-box ul {
  margin: 0;
  padding-left: 10px;
}
.customer-insights .insight-box ul li {
  font-size: 12px;
}
.customer-insights .insight-box ul li + li {
  margin-top: 5px;
}
.customer-insights .insight-box-header {
  display: flex;
  align-items: center;
  gap: 25px;
  margin: 0 0 20px;
  min-height: 44px;
}
.customer-insights .insight-box-header img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.customer-insights .insight-box-header h4 {
  font-size: 12px;
  margin: 0;
}

/* recommendations */
.recommendations .summary-default li::before {
  background-image: url("../../images/icons/thumbs-up.svg");
  filter: brightness(0) saturate(100%) invert(75%) sepia(12%) saturate(2033%) hue-rotate(64deg) brightness(83%) contrast(85%);
}

/* default */
.summary-default {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
  list-style: none;
  justify-content: space-between;
  align-items: flex-start;
}
.summary-default li {
  width: 48%;
  padding-left: 35px;
  position: relative;
  font-size: 12px;
}
.summary-default li::before {
  content: "";
  background: url("../../images/icons/info.svg") no-repeat center;
  width: 20px;
  height: 20px;
  background-size: cover;
  position: absolute;
  top: 3px;
  left: 0;
}

.engage-login {
  margin: 0;
}

.login-card-wrapper {
  background: url("../../images/login-bg.jpg") no-repeat center;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}

.login-card {
  width: 90%;
  max-width: 982px;
  border-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 1px 1px 21px 0px rgba(0, 0, 0, 0.29);
}

.login-card-inner {
  position: relative;
  isolation: isolate;
  padding: 30px;
  background: #091a32;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 10px;
  min-height: 500px;
}
@media (max-width: 768px) {
  .login-card-inner {
    grid-template-columns: 1fr;
  }
}
.login-card-inner .slider-images {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0.13;
  width: 100%;
  height: 100%;
}
.login-card-inner .slider-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.75s ease-in-out 0.75s;
  opacity: 0;
  z-index: 0;
}
.login-card-inner .slider-images img.active {
  z-index: 1;
  opacity: 1;
  transition-delay: 0s;
}
.login-card-inner .card-left {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px 0 0 30px;
}
@media (max-width: 768px) {
  .login-card-inner .card-left {
    padding-left: 0;
  }
}
.login-card-inner .card-left > img {
  margin-bottom: 20px;
}
.login-card-inner .card-left h1 {
  margin: 0 0 15px;
  font-size: 1.5em;
}
.login-card-inner .card-left p {
  margin: 0 0 10px;
  font-size: 0.875em;
}
.login-card-inner .card-left p:last-child {
  margin: 0;
}
.login-card-inner .card-left .divider {
  width: 100%;
  max-width: 80px;
  height: 1px;
  background-color: #fff;
  margin: 0 0 15px;
}
.login-card-navigation {
  display: flex;
  gap: 6px;
  margin-top: 60px;
}
.slider-dot {
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.slider-dot:hover, .slider-dot:focus-visible {
  background: rgba(77, 151, 183, 0.1882352941);
}
.slider-dot.active {
  background: #3497ed;
}

.login-card-inner .card-right {
  background: #fff;
  border-radius: 8px;
  padding: 35px;
  align-self: center;
}
.login-form h2 {
  font-weight: 700;
}
.login-form p {
  font-size: 0.75em;
}
.login-form label,
.login-form .label {
  font-weight: 600;
  font-size: 0.75em;
}
.login-form .form-control {
  background: #eef2f8;
  border-radius: 0;
  height: 36px;
  font-size: 0.75em;
}
.login-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.login-links .login-remember {
  font-weight: 400;
  font-size: 0.6875em;
}
.login-links .login-remember:hover, .login-links .login-remember:focus-within {
  color: rgba(77, 151, 183, 0.1882352941);
}
.login-links .login-forgotpass {
  color: #424242;
  font-size: 0.6875em;
}
.login-links .login-forgotpass:hover, .login-links .login-forgotpass:focus-visible {
  color: rgba(77, 151, 183, 0.1882352941);
}

.customer-search-wrapper {
  display: flex;
  align-items: stretch;
}
.customer-search-main {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 68px);
}
.customer-search-controls {
  display: flex;
  align-items: stretch;
  gap: 9px;
  flex-wrap: wrap;
}
.customer-search-controls .input-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.customer-search-controls .input-wrapper .search-bar {
  display: flex;
}
.customer-search-controls .input-wrapper .searchBarInput {
  position: relative;
  border: none;
  padding: 6px;
  padding-left: 12px;
  outline: none;
  width: 310px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
}
.customer-search-controls .input-wrapper .filterButton {
  width: 40px;
  padding: 6px;
  border: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  outline: none;
  background-color: #e0e7f1;
}
.customer-search-controls label {
  font-weight: 700;
  margin: 0 0 10px;
  font-size: 0.75em;
}
.customer-search-controls .k-input,
.customer-search-controls .k-picker {
  height: 36px;
  min-height: 36px;
  border: 0;
}
.customer-search-controls .k-input input,
.customer-search-controls .k-picker input {
  min-height: 36px !important;
  height: 36px !important;
  border: 0 !important;
}
.customer-search-filter-dropdown {
  position: relative;
  display: inline-block;
  transition: display 1s;
}
.customer-search-filter-dropdown .customer-searchbar-filters {
  border-radius: 8px;
  display: none;
  flex-direction: column;
  position: absolute;
  background-color: #fff;
  min-width: 273px;
  box-shadow: 0px 2px 22.3px 0px rgba(0, 0, 0, 0.1490196078);
  z-index: 100;
  padding-bottom: 20px;
}
.customer-search-filter-dropdown .customer-searchbar-filters.active {
  display: flex;
}
.customer-search-filter-dropdown .customer-searchbar-filters-title {
  flex-shrink: 0;
  padding: 20px 20px 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #eef2f8;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}
.customer-search-filter-dropdown .customer-searchbar-filters-title .pb-small-alt {
  margin-left: auto;
}
.customer-search-filter-dropdown .customer-searchbar-filters-title .pb-icon-only img {
  width: 9px;
  height: 9px;
}
.customer-search-filter-dropdown .customer-searchbar-filters-title .filters-toggle-all {
  padding-left: 30px;
  position: relative;
  font-weight: 700;
  cursor: pointer;
}
.customer-search-filter-dropdown .customer-searchbar-filters-title .filters-toggle-all::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #e0e7f1;
  border-radius: 3px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.customer-search-filter-dropdown .customer-searchbar-filters-title .filters-toggle-all::after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 3px;
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url("../../images/icons/check.svg") no-repeat center;
  background-size: 10px;
  background-position: center;
  filter: brightness(0) invert(1);
}
.customer-search-filter-dropdown .customer-searchbar-filters-title .filters-toggle-all.is-checked::before {
  background: #5CB74D;
}
.customer-search-filter-dropdown .customer-searchbar-filters-title .filters-count span::before {
  content: attr(data-selected);
}
.customer-search-filter-dropdown .customer-searchbar-filters-list {
  padding: 0 20px;
  margin-right: 20px;
  flex-grow: 1;
  height: 245px;
  overflow: auto;
}
.customer-search-filter-dropdown .customer-searchbar-filters-list label {
  padding: 8px 0;
  margin: 0;
  border-bottom: 1px solid #eef2f8;
  font-weight: 400;
  display: block;
}
.customer-search-filter-dropdown .customer-searchbar-filters-list label input[type=checkbox] {
  display: none;
}
.customer-search-filter-dropdown .customer-searchbar-filters-list label input[type=checkbox] + span {
  padding-left: 30px;
  position: relative;
}
.customer-search-filter-dropdown .customer-searchbar-filters-list label input[type=checkbox] + span::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #e0e7f1;
  border-radius: 3px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.customer-search-filter-dropdown .customer-searchbar-filters-list label input[type=checkbox] + span::after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 3px;
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url("../../images/icons/check.svg") no-repeat center;
  background-size: 10px;
  background-position: center;
  filter: brightness(0) invert(1);
}
.customer-search-filter-dropdown .customer-searchbar-filters-list label input[type=checkbox]:checked + span::before {
  background: #5CB74D;
}
.customer-search-advanced {
  padding-inline: 1rem;
}
.customer-search-filters {
  width: 0;
  height: calc(100vh - 68px);
  background: #fff;
  transition: width 0.3s;
  flex-shrink: 0;
  overflow: hidden;
  z-index: 1;
}
.customer-search-filters.filterOpen {
  width: 250px;
  position: sticky;
  top: 0;
  overflow: unset;
}
.customer-search-filters.filterOpen .customer-search-filters-inner {
  overflow: auto;
}
.customer-search-filters.filterOpen .customer-search-filters-lower {
  display: block;
}
.customer-search-filters .open-filter .filter-panel {
  width: auto;
  position: fixed;
  left: unset;
  top: unset;
}
.customer-search-filters-inner {
  padding: 30px 15px 75px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.customer-search-filters-inner > button {
  border: 0;
  border-bottom: 1px solid #e0e7f1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: none;
  padding: 8px 0;
  font-weight: 600;
  white-space: nowrap;
  font-size: 0.75em;
}
.customer-search-filters-inner > button::after {
  content: "Active";
  display: none;
  font-size: 8px;
  color: #fff;
  background: #5CB74D;
  padding: 2px 5px;
  border-radius: 5px;
  margin-left: auto;
  margin-right: 10px;
}
.customer-search-filters-inner > button.filter-active::after {
  display: inline-block;
}
.customer-search-filters-inner > button img {
  transform: rotateX(180deg);
  transition: transform 0.3s;
  order: 2;
}
.customer-search-filters-inner > button.collapsed img {
  transform: rotateX(0deg);
}
.customer-search-filters-inner .filter-section.show:has(.advanced-filter.open-filter) ~ .show .filter-panel {
  display: none !important;
}
.customer-search-filters h2 {
  margin: 0 0 25px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.875em;
}
.customer-search-filters .filter-section-inner {
  padding: 14px 0;
}
.customer-search-filters .k-button-group {
  width: 100%;
}
.customer-search-filters .k-button-group .k-button {
  flex-grow: 1;
  background: none;
  border-color: #3497ed;
  padding-block: 9px;
}
.customer-search-filters .k-button-group .k-button:hover {
  background: #122948;
  color: #fff;
}
.customer-search-filters .k-input,
.customer-search-filters .k-button-text {
  font-size: 0.75em;
}
.customer-search-filters-lower {
  margin-top: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #e0e7f1;
  padding: 15px;
  background: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: none;
}
.customer-search-filters-lower .prima-button {
  min-width: 0;
  white-space: nowrap;
}
.customer-search-filters-collapse {
  padding: 0;
  background: 0;
  border: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.625em;
}
.customer-search-filters-collapse:hover {
  text-decoration: underline;
}
.customer-search-table {
  position: relative;
  flex-grow: 1;
  overflow: auto;
}
.customer-search-table .container-fluid {
  padding: 0;
}
.customer-search-table .k-grid {
  display: block;
  max-height: calc(100vh - 150px);
  overflow: auto;
  --scrollbar-color-thumb: #fff;
  --scrollbar-color-track: #C4CDDA;
  --scrollbar-width: thin;
}
@supports (scrollbar-width: auto) {
  .customer-search-table .k-grid {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}
.customer-search-table .k-grid-table {
  overflow: auto;
  height: auto;
}
.customer-search-table .k-grid-table colgroup {
  min-width: 100%;
}
.customer-search-table .k-grid th,
.customer-search-table .k-grid td {
  border: 0;
}
.customer-search-table .k-grid .k-table-th {
  color: #fff;
  font-weight: 500;
  padding: 15px 5px;
  font-size: 0.8125em;
}
.customer-search-table .k-grid .k-table-th.k-sorted {
  background-color: #183357;
}
.customer-search-table .k-grid .k-table-th .k-link {
  color: #fff !important;
}
.customer-search-table .k-grid .k-table-th .k-link .k-column-title > div {
  display: inline-block;
}
.customer-search-table .k-grid .k-table-th .k-link .k-column-title:last-child::after {
  content: "";
  width: 11px;
  height: 19px;
  background: url("../../images/icons/filter-arrows-default.svg");
  margin-left: 10px;
  filter: brightness(0) invert(1);
  display: inline-block;
  vertical-align: middle;
}
.customer-search-table .k-grid .k-table-th .k-link .k-sort-icon {
  margin: 0;
}
.customer-search-table .k-grid .k-table-th .k-link .k-svg-i-sort-asc-small {
  width: 11px;
  height: 19px;
  background: url("../../images/icons/filter-arrows-up.svg");
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  filter: brightness(0) invert(1);
}
.customer-search-table .k-grid .k-table-th .k-link .k-svg-i-sort-asc-small svg {
  display: none;
}
.customer-search-table .k-grid .k-table-th .k-link .k-svg-i-sort-desc-small {
  width: 11px;
  height: 19px;
  background: url("../../images/icons/filter-arrows-down.svg");
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  filter: brightness(0) invert(1);
}
.customer-search-table .k-grid .k-table-th .k-link .k-svg-i-sort-desc-small svg {
  display: none;
}
.customer-search-table .k-grid .k-table-td {
  padding: 5px;
  font-weight: 500;
  color: #122948;
  white-space: nowrap;
  font-size: 0.925em;
}
.customer-search-table .k-table-row.k-selected .k-table-td {
  color: #fff;
}
.customer-search-table .k-table-row.k-selected .table-action-icons img {
  filter: brightness(0) invert(1);
}
.customer-search-table .k-table-row.k-selected .table-action-icons img:hover {
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.customer-search-table .k-grid-pager {
  position: sticky;
  bottom: 0;
  right: 0;
  left: 0;
}
.customer-search-table .k-header {
  background: #122948;
  color: #fff;
}

.k-grid {
  font-family: "DM Sans", sans-serif;
}

.search-filter-settings {
  background: rgba(0, 0, 0, 0.35);
}
.search-filter-settings .modal-dialog {
  width: 430px;
}
.search-filter-settings .modal-content {
  border: 0;
}
.search-filter-settings .modal-body {
  padding: 25px;
}
.search-filter-settings-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  margin: 0 0 18px;
}
.search-filter-settings-title p {
  margin: 0;
}
.search-filter-settings .k-checkbox-label {
  padding-left: 15px;
  margin: 0;
}
.search-filter-settings button {
  margin-top: 18px;
}

.k-overlay:has(+ .k-window #DeleteFiltersDialog) {
  opacity: 0.35 !important;
}

.k-window:has(#DeleteFiltersDialog) {
  border: 0;
}

#DeleteFiltersDialog {
  padding: 25px 25px 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.7;
  font-family: "DM Sans", sans-serif;
}
#DeleteFiltersDialog + .k-dialog-actions {
  padding: 0 25px 25px;
  border: 0;
}
#DeleteFiltersDialog + .k-dialog-actions button {
  font-family: "DM Sans", sans-serif;
}

.advanced-filter {
  position: relative;
}
.advanced-filter .filter-panel {
  border-radius: 8px;
  border: 1px solid #eef2f8;
  box-shadow: 0px 0px 7.5px 0px rgba(0, 0, 0, 0.1215686275);
  position: absolute;
  left: -999em;
  width: 100%;
  top: 100%;
  z-index: 99;
  opacity: 0;
  background: #fff;
  transition: opacity 1s ease, border 1s ease, left 0s 1s;
  min-height: 100px;
  margin: -3px 0 0;
}
.advanced-filter .filter-panel-option label {
  font-size: 12px;
  padding: 8px 16px;
  width: 100%;
  border-radius: 8px;
  display: block;
  margin: 0;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.advanced-filter .filter-panel-option label:hover {
  border-color: #E4F3FF;
}
.advanced-filter .filter-panel-option input {
  display: none;
}
.advanced-filter .filter-panel-option input:checked + label {
  background: #E4F3FF;
}
.advanced-filter .filter-panel-option + .filter-panel-option {
  margin-top: 5px;
}
.advanced-filter.open-filter .filter-panel {
  opacity: 1;
  transition: opacity 1s ease, border 1s ease;
  width: auto;
  position: fixed;
  left: unset;
  top: unset;
}
.advanced-filter.open-filter .advanced-filter-button {
  background: #fff;
  border-bottom: none;
  padding: 3px 10px 6px;
  color: #000;
  outline: 0;
}
.advanced-filter .filter-panel-inner {
  display: grid;
  grid-template-columns: 1fr auto;
}
.advanced-filter .filter-panel-primary {
  padding: 15px 30px 15px 15px;
  border-right: 1px solid #eef2f8;
  min-height: 235px;
}
.advanced-filter .filter-panel-secondary {
  padding-bottom: 55px;
  overflow: hidden;
  position: relative;
  min-width: 170px;
}
.advanced-filter .filter-panel-secondary > div {
  padding: 22px 30px 0;
}
.advanced-filter .filter-panel-secondary > div[style="display: block;"] ~ .actions {
  bottom: 20px;
  top: unset;
}
.advanced-filter .filter-panel-secondary label {
  display: block;
}
.advanced-filter .filter-panel-secondary .k-input {
  width: 288px;
  max-width: 100%;
}
.advanced-filter .actions {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 20px;
  right: 30px;
  padding: 0 !important;
}

.customer-search-wrapper:has(.advanced-filter.open-filter .filter-panel-section[style="display: block;"]) .customer-search-main::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.25;
  position: absolute;
  top: 0;
  left: 0;
}

#CustomerSearchGrid td:nth-child(1), #CustomerSearchGrid td:nth-child(2), #CustomerSearchGrid td:nth-child(4) {
  width: 100px;
}

.table-action-icons img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
  cursor: pointer;
}
.table-action-icons img:hover {
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}

.col-fw-400 {
  font-weight: 400 !important;
}

.col-fw-500 {
  font-weight: 500 !important;
}

.col-fw-600 {
  font-weight: 600 !important;
}

.col-fw-700 {
  font-weight: 700 !important;
}

.col-icon-address div::before {
  content: "";
  width: 10px;
  height: 16px;
  background: url("../../images/icons/location.svg") no-repeat center;
  display: inline-block;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
  vertical-align: middle;
  margin-right: 10px;
}

.col-icon-telephone div::before {
  content: "";
  width: 10px;
  height: 10px;
  background: url("../../images/icons/phone.svg") no-repeat center;
  display: inline-block;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
  vertical-align: middle;
  margin-right: 10px;
}

.col-icon-email div::before {
  content: "";
  width: 12px;
  height: 12px;
  background: url("../../images/icons/email.svg") no-repeat center;
  display: inline-block;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
  vertical-align: middle;
  margin-right: 10px;
}

/* Live Company Search Partial */
.searchResultsWrapper {
  background-color: #fff;
  border-radius: 8px;
  height: auto;
  width: 534px;
  box-shadow: 0px 2px 22.3px 0px rgba(0, 0, 0, 0.1490196078);
  z-index: 999;
  position: absolute;
  overflow: hidden;
  font-size: 12px;
}

.searchResultsBody {
  margin: 20px 30px 0 0;
  overflow: auto;
  height: 400px;
}

.search-results-entries {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: auto;
}
.search-results-entries li {
  border-bottom: 1px solid #eef2f8;
  padding: 5px 0 5px 30px;
  transition: 0.3s all;
}
.search-results-entries li:hover {
  background: #eef2f8;
}

.searchResultsloadMore {
  display: block;
  background: #eef2f8;
  padding: 10px 30px;
  color: #3497ed;
  text-align: center;
  width: 100%;
  border: 0;
  font-size: 10px;
  font-weight: 700;
  transition: 0.35s all;
}
.searchResultsloadMore:hover {
  background: #3497ed;
  color: #fff;
}

.search-results-recent {
  margin: 20px 0;
}
.search-results-recent-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 5px;
  padding: 0 30px;
}
.search-results-recent-title span {
  font-weight: 600;
}
.search-results-recent-entries {
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-results-recent-entries .no-results {
  opacity: 0.5;
  font-style: italic;
}
.search-results-recent-entries li {
  border-bottom: 1px solid #eef2f8;
  padding: 0 30px;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-results-recent-entries li:hover {
  background: #eef2f8;
}
.search-results-recent-entries li:nth-child(n+6) {
  display: none;
}
.search-results-recent-entries .history-term {
  flex-grow: 1;
  cursor: pointer;
  padding: 6px 0;
}
.search-results-recent-entries .delete-history-item {
  flex-shrink: 0;
  border: 0;
  width: 11px;
  height: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #C7C7C7;
  border-radius: 50%;
  padding: 0;
  transition: 0.3s all;
}
.search-results-recent-entries .delete-history-item:hover {
  background: #F32A2A;
}
.search-results-recent-entries .delete-history-item img {
  filter: brightness(0) invert(1);
}

.searchResultsFooter {
  margin: 0 30px 20px;
  display: flex;
  justify-content: flex-end;
}

.col-account-code div {
  background: #eef2f8;
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  min-width: 110px;
  padding: 3px 10px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #344D6D;
  display: inline-block;
}

.col-loc-code div {
  background: #fff;
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  min-width: 110px;
  padding: 3px 10px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #344D6D;
  display: inline-block;
}

.col-loc-name div {
  font-weight: 400;
}

.col-full-address div {
  font-weight: 400;
  color: #535A64;
}
.col-full-address div::before {
  content: "";
  width: 10px;
  height: 16px;
  background: url("../../images/icons/location.svg") no-repeat center;
  display: inline-block;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
  vertical-align: middle;
  margin-right: 5px;
}

/* End Live Company Search Partial */
/* Customer Search */
#CustomerSearchGrid.k-grid {
  max-height: calc(100vh - 120px);
}

/* Task Grid Display Partial */
body:has(.task-view-dropdown > .dropdown > .show)::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.35;
  position: absolute;
  top: 0;
  left: 0;
}
body:has(.task-view-dropdown > .dropdown > .show) .engage-main-content {
  isolation: unset;
}

.task-view-dropdown {
  margin-left: auto;
}
.task-view-dropdown .dropdown > .prima-button {
  min-width: 130px;
  justify-content: space-between;
  padding-inline: 17px;
}
.task-view-dropdown .dropdown > .prima-button::after {
  display: none;
}
.task-view-dropdown .dropdown > .prima-button img {
  width: 12px;
}
.task-view-dropdown .dropdown-menu {
  padding: 0;
  border-radius: 8px;
  overflow: auto;
  max-height: calc(100vh - 200px);
  min-width: 281px;
  border: 0;
  box-shadow: 0px 2px 22.3px 0px rgba(0, 0, 0, 0.1490196078);
}
.task-view-dropdown h3 {
  background: #eef2f8;
  padding: 15px;
  font-size: 12px;
  font-weight: 700;
  color: #091a32;
  margin: 0;
}
.task-view-dropdown .task-view-filters-search-wrapper {
  padding: 10px 20px 0;
}
.task-view-dropdown .task-view-filters-search-wrapper input {
  padding: 8px 14px;
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  font-size: 12px;
  width: 100%;
}
.task-view-dropdown .task-view-filters-search-wrapper input::placeholder {
  color: #CECECE;
}
.task-view-dropdown .radio-group {
  padding: 15px 25px;
}
.task-view-dropdown .radio-wrapper + .radio-wrapper {
  border-top: 1px solid #eef2f8;
  margin-top: 10px;
  padding-top: 10px;
}
.task-view-dropdown .radio-wrapper label {
  margin: 0;
  color: #091a32;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  padding-left: 20px;
  position: relative;
}
.task-view-dropdown .radio-wrapper label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #3497ed;
  transition: background-color 0.3s, box-shadow 0.3s;
}
.task-view-dropdown .radio-wrapper .radio-input {
  opacity: 0;
  position: absolute;
}
.task-view-dropdown .radio-wrapper .radio-input:checked + .radio-label::before {
  background-color: rgba(77, 151, 183, 0.1882352941) !important;
  box-shadow: 0 0 0 2px rgb(0, 0, 0) !important;
}
.task-view-dropdown #custom-filters label::before {
  background-color: #122948;
}
.task-view-dropdown .view-filters-buttons {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  gap: 7px;
}
.task-view-dropdown .view-filters-buttons button {
  flex-grow: 1;
}

#TaskSearchRefresh .k-grid {
  max-height: calc(100vh - 150px);
}

.col-entry-subject div {
  font-weight: 600;
}

.col-company-name div {
  font-weight: 700;
}

.col-entry-text div {
  font-weight: 400;
}

.col-start-date div {
  color: #535A64;
  font-weight: 400;
}
.col-start-date div::before {
  content: "";
  width: 15px;
  height: 15px;
  background: url("../../images/icons/calendar.svg") no-repeat center;
  display: inline-block;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
  vertical-align: middle;
  margin-right: 5px;
}

.col-task-priority div {
  background: #fff;
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  width: 110px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 600;
  color: #344D6D;
  display: inline-block;
  text-align: left;
  display: flex;
  align-items: center;
}
.col-task-priority div::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #424242;
  display: inline-block;
  margin-right: 5px;
}
.col-task-priority div:empty::before {
  opacity: 50%;
}
.col-task-priority div:empty::after {
  content: "Not set";
  opacity: 0.5;
  font-style: italic;
}
.col-task-priority [title=Low] {
  color: #5CB74D;
}
.col-task-priority [title=Low]::before {
  background-color: #5CB74D;
}
.col-task-priority [title=Medium] {
  color: #e9d31b;
}
.col-task-priority [title=Medium]::before {
  background-color: #e9d31b;
}
.col-task-priority [title=High] {
  color: #E9991B;
}
.col-task-priority [title=High]::before {
  background-color: #E9991B;
}
.col-task-priority [title=Critical] {
  color: #F32A2A;
}
.col-task-priority [title=Critical]::before {
  content: "!";
  background-color: #F32A2A;
  color: #fff;
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.col-entry-status div {
  background: #eef2f8;
  border-radius: 8px;
  padding: 3px 10px;
  font-size: 12px;
  color: #344D6D;
  text-align: center;
}
.col-entry-status [title=Outstanding],
.col-entry-status [title="Not Started"] {
  color: #E84A4A;
  background: #F1E8E3;
}
.col-entry-status [title="In Progress"] {
  color: #3497ED;
  background: #E2F1FF;
}
.col-entry-status [title=Complete] {
  color: #109044;
  background: #E3F1E5;
}

/* End Task Grid Display Partial */
/* Table right click menu */
.k-menu.k-context-menu.table-context-menu {
  background: #122948;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 12px;
  min-width: 220px;
}
.k-menu.k-context-menu.table-context-menu .k-menu-link {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #fff !important;
  padding: 8px 5px;
  border-radius: 5px;
}
.k-menu.k-context-menu.table-context-menu .k-menu-link::after {
  content: "";
  background: url("../../images/icons/chevron-right.svg") no-repeat center;
  background-size: contain;
  filter: brightness(0) invert(1);
  display: block;
  width: 9px;
  height: 9px;
  margin-left: auto;
}
.k-menu.k-context-menu.table-context-menu .k-menu-link:hover {
  background: #3497ed;
}
.k-menu.k-context-menu.table-context-menu .k-menu-link:hover img {
  filter: brightness(0) invert(1);
}
.k-menu.k-context-menu.table-context-menu img:first-child {
  margin-right: 10px;
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}

/* End table right click menu */
/* Table alt styling (eg. inside tabs on customer detail) */
.customer-search-table.table-altstyle .k-grid {
  border: 0;
  max-height: calc(100vh - 200px);
  --scrollbar-color-thumb: #fff;
  --scrollbar-color-track: #D7E0ED;
  --scrollbar-width: thin;
}
@supports (scrollbar-width: auto) {
  .customer-search-table.table-altstyle .k-grid {
    scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
    scrollbar-width: var(--scrollbar-width);
  }
}
.customer-search-table.table-altstyle .k-grid .k-table-alt-row {
  background-color: transparent;
}
.customer-search-table.table-altstyle .k-grid .k-table-alt-row:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.customer-search-table.table-altstyle .k-grid .k-table-th {
  padding: 15px;
}
.customer-search-table.table-altstyle .k-grid .k-table-td {
  padding: 12px;
  border-bottom: 1px solid #e0e7f1;
}
.customer-search-table.table-altstyle .k-grid-pager {
  border: 0;
  background: #fff;
  padding: 10px 0;
}

/* End Table alt styling */
/* Customer Detail - Locations Tab Table */
.col-contact-position div {
  font-weight: 400;
  background: #F7F7F7;
  padding: 4px 10px;
  font-size: 12px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
}

/* End Customer Detail - Locations Tab Table */
.col-stage-inuse div {
  display: inline-flex;
  gap: 12px;
  align-items: center;
}
.col-stage-inuse div::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #F32A2A;
}
.col-stage-inuse div[data-use="In Use"]::before {
  background: #5CB74D;
}

.col-completion-stage div {
  display: inline-block;
  border-radius: 8px;
  background: #e0e7f1;
  padding: 4px 15px;
}
.col-completion-stage div:empty::before {
  content: "Regular";
  color: #aaa;
}
.col-completion-stage div[data-stagetype="Closed Won"] {
  background: #E4EEEB;
}
.col-completion-stage div[data-stagetype="Closed Lost"] {
  background: #EDE6EC;
}

/* Pipelines Admin Stages */
.pipelines-display-toggle .k-button {
  border-radius: 8px !important;
}
.pipelines-display-toggle .k-button + .k-button {
  margin-left: 8px;
}

.pipelines-outer {
  display: flex;
  align-items: stretch;
  position: relative;
  height: 100%;
}

.pipelines-main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.pipelines-main .side-filter-toggle {
  margin-right: 10px;
}

.pipelines-wrapper {
  padding: 0 18px 18px;
  flex-grow: 1;
  margin: 0;
  position: relative;
  flex-wrap: nowrap;
  overflow: auto;
}
.pipelines-wrapper .stageDiv {
  height: 100%;
}

.pipeline-stage {
  background: #e0e7f1;
  border-radius: 8px;
  height: calc(100vh - 178px);
  display: flex;
  flex-direction: column;
}
.pipeline-stage.pipeline-closed-won {
  background: #e4eeeb;
}
.pipeline-stage.pipeline-closed-lost {
  background: #ede6ec;
}
.pipeline-title {
  flex-shrink: 0;
  padding: 12px 12px 0;
}
.pipeline-title a {
  display: block;
  position: relative;
  text-decoration: none;
  margin-bottom: 10px;
  transition: all 0.35s;
}
.pipeline-title a::after {
  content: "";
  width: 14px;
  height: 8px;
  background: url("/images/icons/chevron-down.svg") no-repeat center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
  position: absolute;
  top: 10px;
  right: 0;
  transform: rotate(0deg);
  transition: all 0.35s;
}
.pipeline-title a.collapsed {
  margin: 0;
}
.pipeline-title a.collapsed::after {
  transform: rotate(180deg);
}
.pipeline-title .stage-name {
  color: #122948;
  font-weight: 600;
  margin-bottom: 3px;
  padding-right: 25px;
}
.pipeline-title .stage-quantity {
  color: #424242;
  font-size: 0.75em;
}
.pipeline-title + div {
  overflow: auto;
  flex-grow: 1;
  padding: 0 12px 12px;
}

.pipeline-card {
  background: #fff;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 2px 3px 16px 0px rgba(0, 0, 0, 0.03);
}
.pipeline-card + .pipeline-card {
  margin-top: 10px;
}
.pipeline-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  gap: 2px;
}
.pipeline-card-price {
  color: #4fa936;
  background: #eef2f8;
  padding: 3px 10px;
  min-width: 60px;
  text-align: center;
  border-radius: 8px;
  font-size: 0.75em;
}
.pipeline-card-date {
  color: #424242;
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 0.625em;
}
.pipeline-card-company {
  margin: 0 0 5px;
  color: #838fa1;
  font-size: 0.625em;
}
.pipeline-card h3 {
  font-weight: 700;
  color: #122948;
  font-size: 0.8125em;
}
.pipeline-card-description {
  margin: 0;
  color: #424242;
  font-size: 0.625em;
}
.card-time-bars {
  display: flex;
  margin: 10px 0;
  gap: 8px;
}
.card-time-bar {
  height: 3px;
  flex-grow: 1;
  background-color: #eef2f8;
}

.card-time-bars[data-weeks="1"] .bar1 {
  background-color: #4fa936;
}
.card-time-bars[data-weeks="2"] .bar1,
.card-time-bars[data-weeks="2"] .bar2 {
  background-color: #e9d31b;
}
.card-time-bars[data-weeks="3"] .bar1,
.card-time-bars[data-weeks="3"] .bar2,
.card-time-bars[data-weeks="3"] .bar3 {
  background-color: #e9991b;
}
.card-time-bars[data-overdue=True] .bar1,
.card-time-bars[data-overdue=True] .bar2,
.card-time-bars[data-overdue=True] .bar3,
.card-time-bars[data-overdue=True] .bar4 {
  background-color: #d7180b;
}

.pipeline-card[data-overdue=True] .pipeline-card-date {
  color: #d7180b;
}
.pipeline-card[data-overdue=True] .pipeline-card-date::after {
  content: "!";
  display: inline-block;
  color: #fff;
  background: #d7180b;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pipeline-card .user-entry img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}
.pipeline-card-footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 15px;
}
.pipeline-card-contact {
  text-align: right;
  font-size: 0.75em;
}
.pipeline-card-icons {
  display: flex;
  gap: 10px 15px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 8px;
}
.pipeline-card-icons img {
  cursor: pointer;
}
.pipeline-card-icons img:hover {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}

/** Pipelines Table **/
.pipelines-table .k-grid {
  max-height: calc(100vh - 134px);
}
.pipelines-table .k-table-tbody {
  padding: 0 40px;
}
.pipelines-table .k-table-th:first-child {
  padding-left: 25px;
}
.pipelines-table .k-table-th:last-child {
  padding-right: 25px;
}
.pipelines-table .k-grid .k-table-alt-row {
  background: #fff;
}
.pipelines-table .k-grid .k-table-td {
  border-bottom: 3px solid #eef2f8;
}
.pipelines-table .k-grid .k-table-td:nth-child(1) {
  font-weight: 700;
  padding-left: 25px;
}
.pipelines-table .k-grid .k-table-td:nth-child(2) {
  font-weight: 400;
}
.pipelines-table .k-grid .k-table-td:last-child {
  padding-right: 25px;
}
.pipelines-table .pipeline-card-icons {
  margin: 0;
}

.table-column-amount span {
  background: #f3f3f3;
  border-radius: 8px;
  color: #5CB74D;
  padding: 3px 10px;
}

.table-column-stage {
  vertical-align: middle;
}
.table-column-stage span {
  display: inline-flex;
  background: #EDF1F7;
  height: 24px;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
}
.table-column-stage span::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 12px solid #EDF1F7;
  border-bottom: 12px solid #EDF1F7;
  border-left: 10px solid transparent;
  position: relative;
  right: 10px;
}
.table-column-stage span::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 10px solid #EDF1F7;
  position: relative;
  left: 10px;
}

.pipelinesadmin-wrapper {
  padding: 30px;
}
.pipelinesadmin-wrapper .k-form.inline-label form {
  display: flex;
  align-items: center;
  gap: 20px 45px;
}
.pipelinesadmin-wrapper .k-form .k-dropdownlist {
  margin-top: 5px;
  background: #fff;
}

.pipelines-admin-table #PipelinesGrid {
  height: 532px;
  overflow: auto;
}
.pipelines-admin-table .k-grid {
  border: 0;
}
.pipelines-admin-table .k-grid .k-table-td {
  padding: 10px 0px 10px 20px;
}
.pipelines-admin-table .k-toolbar {
  background: transparent;
  padding-inline: 0;
}
.pipelines-admin-table .k-searchbox {
  width: 100%;
  font-size: 12px;
}
.pipelines-admin-table .k-table-thead .k-table-th {
  padding-left: 20px;
}
.pipelines-admin-table .k-table-alt-row {
  background: #fff;
}
.pipelines-admin-table .k-table-alt-row .k-table-td {
  border-top: 1px solid #e0e7f1;
  border-bottom: 1px solid #e0e7f1;
}
.pipelines-admin-table tbody .k-select-checkbox {
  margin-top: 2px;
}
.pipelines-admin-table #StagesGrid {
  height: 410px;
}
.pipelines-admin-table #StagesGrid .k-grid .k-table-td {
  padding: 10px 0px 10px 20px;
}

.pipeline-settings {
  border: 1px solid #e0e7f1;
  display: flex;
  flex-wrap: wrap;
  gap: 10%;
  border-radius: 8px;
  padding: 15px 30px;
  font-size: 12px;
}
.pipeline-settings-title {
  font-weight: 600;
}
.pipeline-settings-checkbox {
  display: flex;
  align-items: center;
  gap: 15px;
}

.customer-detail-wrapper {
  padding: 24px;
  overflow: hidden;
}

.company-overview {
  display: flex;
  gap: 20px;
  align-items: center;
}
.company-overview-logo {
  width: 85px;
  height: 85px;
  background: #f2f2f2;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 15px;
  overflow: hidden;
  flex-shrink: 0;
}
.company-overview-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.company-overview-details {
  flex-grow: 1;
}
.company-overview-name {
  color: #122948;
  font-weight: 700;
  font-size: 0.9375em;
}
.company-overview-account {
  margin: 5px 0;
  font-size: 0.8125em;
}
.company-overview-account a {
  font-weight: 600;
}
.company-overview-status {
  color: #122948;
  margin-top: 5px;
  display: inline-block;
  font-size: 0.75em;
}
.company-overview-status span {
  background-color: #eef2f8;
  padding: 4px 12px;
  border-radius: 8px;
}
.company-overview-status[data-active=true] .true {
  display: block;
  color: #109044;
  background-color: #E3F1E5;
}
.company-overview-status[data-active=true] .false {
  display: none;
}
.company-overview-status[data-active=false] .true {
  display: none;
}
.company-overview-status[data-active=false] .false {
  display: block;
  color: #F32A2A;
  background-color: #F1E3E3;
}
.company-overview-last-contact {
  font-size: 0.6875em;
}

.company-info-entry {
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 8px;
  font-size: 0.75em;
}
.company-info-entry .col {
  display: flex;
  align-items: center;
  gap: 5px 15px;
}
.company-info-entry:hover, .company-info-entry:focus-within {
  background-color: #eef2f8;
  color: #3497ed;
}
.company-info-entry:hover .company-info-entry-edit, .company-info-entry:focus-within .company-info-entry-edit {
  visibility: visible;
}
.company-info-entry-icon img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
  width: 12px;
  height: 12px;
  object-fit: contain;
}
.company-info-entry-content {
  flex-grow: 1;
}
.company-info-entry-edit {
  background: none;
  border: 0;
  box-shadow: none;
  visibility: hidden;
}
.company-info-entry-edit:hover img, .company-info-entry-edit:focus-visible img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}

.company-financial > div {
  font-size: 0.75em;
}
.company-financial-creditlimit {
  color: #3497ed;
  font-weight: 600;
  margin: 0 0 15px;
}
.company-financial-ageddebt {
  display: grid;
  align-items: center;
  grid-template-columns: 80px auto;
  gap: 10px 15%;
  margin: 0 0 30px;
}
.company-financial-ageddebt .pie-chart {
  width: 80px;
  height: 80px;
}

.overdue-breakdown-entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.overdue-breakdown-entry + .overdue-breakdown-entry {
  margin-top: 10px;
}
.overdue-breakdown-total {
  padding: 5px 15px;
  border-radius: 8px;
  background: #eef2f8;
  font-weight: 700;
  margin-inline: -15px;
}

.order-info {
  display: grid;
  grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
  justify-content: space-between;
  gap: 5px;
}
.order-info-title {
  background: #f3f3f3;
  border-radius: 8px;
  padding: 5px 3px;
  font-size: 11px;
  line-height: 1.2;
  min-height: 37px;
  display: flex;
  align-items: center;
}
.order-info + .order-info {
  padding-top: 20px;
  border-top: 1px solid #eef2f8;
}
.order-info-arrow {
  margin-top: 5px;
}
.order-info > div {
  font-size: 10px;
}
.order-info p {
  margin: 0 0 10px;
}
.order-info p strong {
  font-weight: 600;
}
.order-info .divider {
  width: 1px;
  align-self: stretch;
  flex-shrink: 0;
  background: #eef2f8;
}
.back-order-lines {
  font-size: 10px;
  font-weight: 600;
}
.back-order-percent {
  color: #5CB74D;
  font-weight: 600;
  margin-top: 5px;
}

.last-order-date {
  font-size: 10px;
  font-weight: 600;
}
.last-order-difference {
  color: #F32A2A;
  font-weight: 600;
  margin-top: 5px;
  text-transform: uppercase;
}

.order-info-returns > p {
  grid-column: span 2;
}
.order-info-returns div + div {
  margin-top: 5px;
}
.order-info-returns .pie-chart {
  width: 40px;
  height: 40px;
}
.order-info-returns .pie-chart::after {
  font-size: 10px;
}
.order-info-returns .pie-key-entry {
  gap: 4px;
  font-size: 10px;
}
.order-info-returns .pie-key-entry::before {
  width: 10px;
  height: 10px;
}
.order-info-returns .pie-key-entry + .pie-key-entry {
  margin: 0;
}
.order-info-yearchart {
  width: 100%;
  grid-column: 1/-1;
}

.gapreport-text strong {
  color: green;
}
.gapreport-text div:first-child {
  font-size: 10px;
}
.gapreport-text div + div {
  margin-top: 5px;
}

.gapreport-percent {
  color: #5CB74D;
}

.gapreport-chart {
  display: flex;
  gap: 14px;
}

.gapreport-text {
  flex-shrink: 0;
}

.gapreport-grid {
  flex-grow: 1;
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}
.gapreport-grid[data-cat=low] [data-filled=true] {
  background: #f32a2a;
}
.gapreport-grid[data-cat=med] [data-filled=true] {
  background: #f4c894;
}
.gapreport-grid[data-cat=high] [data-filled=true] {
  background: #4ca234;
}

.gap-block {
  width: 11px;
  height: 11px;
  border-radius: 2px;
  background: #eef2f8;
}
.gap-block[data-filled=true] {
  order: 1;
}

.action-center {
  font-size: 0.75em;
}
.action-center-entry {
  display: flex;
  align-items: center;
  gap: 15px;
}
.action-center-entry + .action-center-entry {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e0e7f1;
}
.action-center-entry-image {
  width: 25px;
  height: 25px;
  border-radius: 8px;
  background: #091a32;
  display: flex;
  align-items: center;
  justify-content: center;
}
.action-center-entry-image img {
  filter: brightness(0) invert(1);
  width: 12px;
  height: 12px;
  object-fit: contain;
}
.action-center-entry-name {
  font-weight: 600;
}
.action-center-entry-count {
  width: 25px;
  height: 25px;
  border-radius: 8px;
  background: #eef2f8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.8333333333em;
}
.action-center-entry-add {
  padding: 0;
  border: 0;
  background: 0;
  margin-left: auto;
}
.action-center-entry-add:hover {
  color: #3497ed;
}
.action-center-entry-expand {
  padding: 0;
  border: 0;
  background: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.action-center-entry-expand img {
  width: 8px;
  height: 12px;
  object-fit: contain;
  transform: rotate(180deg);
  transition: all 0.35s;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.action-center-entry-expand:hover img {
  transform: rotate(90deg);
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}

.company-activity {
  padding: calc(25px - 1em);
  max-height: calc(100vh - 200px);
  font-family: "DM Sans", sans-serif;
}
.company-activity-search {
  border-bottom: 1px solid #e0e7f1;
  padding: 0 0 15px;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.activity-searchinput-wrapper {
  isolation: isolate;
  position: relative;
  flex-grow: 1;
  font-size: 0.75em;
}
.activity-searchinput-wrapper::before {
  content: "";
  background: url("../../images/icons/search.svg") no-repeat center;
  width: 18px;
  height: 18px;
  background-size: contain;
  position: absolute;
  left: 22px;
  top: calc(50% - 9px);
  z-index: 1;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}

.activity-searchinput {
  border-radius: 8px;
  padding: 9px 25px 9px 60px;
  border: 1px solid transparent;
  background-color: #eef2f8;
  position: relative;
  width: 100%;
  z-index: 0;
  transition: 0.3s all;
}
.activity-searchinput::placeholder {
  color: #a1a1a1;
  opacity: 1;
}
.activity-searchinput:focus {
  box-shadow: none;
  outline: 0;
  border-color: #3497ed;
}

.company-activity-search-dates {
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  padding: 10px;
  font-size: 0.75em;
}
.company-activity-search-dates label span {
  font-weight: 600;
  color: #122948;
}
.company-activity-search-dates input[type=date] {
  border: 0;
  padding: 0;
  color: #aeb2ba;
}
.company-activity-search-dates input[type=date]::calendar-picker-indicator {
  color: #122948;
}
.company-activity-feed {
  height: 100%;
  overflow: auto;
}
.company-activity-feed-group-date {
  color: #122948;
  font-weight: 600;
  margin: 20px 0;
  font-size: 0.8125em;
}
.company-activity-feed-entry {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding-bottom: 25px;
  position: relative;
  isolation: isolate;
}
.company-activity-feed-entry::before {
  content: "";
  width: 1px;
  height: 100%;
  background: #e0e7f1;
  position: absolute;
  top: 5px;
  left: 18px;
  z-index: -1;
}
.company-activity-feed-entry:last-child {
  padding: 0;
}
.company-activity-feed-entry:last-child::before {
  display: none;
}
.company-activity-feed-user {
  width: 35px;
  height: 35px;
  background: #e0e7f1;
  border-radius: 50%;
  margin-top: 5px;
  flex-shrink: 0;
  position: relative;
}
.company-activity-feed-user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.company-activity-feed-main {
  flex-grow: 1;
}
.company-activity-feed-text {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  color: #838fa1;
  font-size: 0.75em;
}
.company-activity-feed-text > img {
  width: 15px;
  height: 15px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.activity-user {
  color: #122948;
  font-weight: 600;
}
.activity-type {
  border: 0;
  color: #122948;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 8px;
  text-transform: lowercase;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #eef2f8;
  transition: all 0.3s;
}
.activity-type::before {
  content: "#";
}
.activity-type:hover {
  background: #3497ed;
  color: #fff;
}
.activity-value {
  color: #122948;
  font-weight: 600;
}
.activity-time {
  width: 100%;
  font-weight: 600;
}
.company-activity-feed-date {
  color: #838fa1;
  margin-top: 5px;
  flex-shrink: 0;
  max-width: 100px;
  font-size: 0.75em;
}

.marketing-display-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 27px;
  isolation: isolate;
  /* nav button active state */
}
.marketing-display-wrapper:has(#accordionMarketingFinancial .accordion-collapse.show) button[data-accordionid=accordionMarketingFinancial] {
  background: #E4F3FF;
  color: #424242;
}
.marketing-display-wrapper:has(#accordionMarketingFinancial .accordion-collapse.show) button[data-accordionid=accordionMarketingFinancial] img {
  filter: none;
}
.marketing-display-wrapper:has(#accordionMarketingAccount .accordion-collapse.show) button[data-accordionid=accordionMarketingAccount] {
  background: #E4F3FF;
  color: #424242;
}
.marketing-display-wrapper:has(#accordionMarketingAccount .accordion-collapse.show) button[data-accordionid=accordionMarketingAccount] img {
  filter: none;
}
.marketing-display-wrapper:has(#accordionIMarketingContract .accordion-collapse.show) button[data-accordionid=accordionIMarketingContract] {
  background: #E4F3FF;
  color: #424242;
}
.marketing-display-wrapper:has(#accordionIMarketingContract .accordion-collapse.show) button[data-accordionid=accordionIMarketingContract] img {
  filter: none;
}
.marketing-display-wrapper:has(#accordionMarketingNotes .accordion-collapse.show) button[data-accordionid=accordionMarketingNotes] {
  background: #E4F3FF;
  color: #424242;
}
.marketing-display-wrapper:has(#accordionMarketingNotes .accordion-collapse.show) button[data-accordionid=accordionMarketingNotes] img {
  filter: none;
}
.marketing-display-nav {
  width: 240px;
  padding-right: 18px;
  border-right: 1px solid #e0e7f1;
  flex-shrink: 0;
}
.marketing-display-nav ul {
  padding: 0;
  list-style: none;
}
.marketing-display-nav ul li + li {
  margin-top: 15px;
}
.marketing-display-nav button {
  width: 100%;
  padding: 8px 15px;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 8px;
  border: 0;
  background: none;
  transition: 0.3s all;
}
.marketing-display-nav button img {
  transition: 0.3s all;
}
.marketing-display-nav button:hover {
  background: #3497ed;
  color: #fff;
}
.marketing-display-nav button:hover img {
  filter: brightness(0) invert(1);
}
.marketing-display-main {
  flex-grow: 1;
}
.marketing-display-main .accordion-item {
  border-radius: 8px;
  border: 1px solid #e0e7f1;
  overflow: hidden;
}
.marketing-display-main .accordion-item + .accordion-item {
  margin-top: 15px;
}
.marketing-display-main .accordion-item.edit-mode .marketing-buttons-group .prima-button:first-child {
  display: none;
}
.marketing-display-main .accordion-item.edit-mode .marketing-buttons-group .prima-button:not(:first-child) {
  display: block;
}
.marketing-display-main .accordion-item.edit-mode .accordion-form-default {
  display: none;
}
.marketing-display-main .accordion-item.edit-mode .accordion-form-edit {
  display: block;
}
.marketing-display-main .accordion-header {
  position: relative;
  border: 0;
}
.marketing-display-main .accordion-header .accordion-button {
  --bs-accordion-active-bg: #fff;
  --bs-accordion-btn-focus-box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  font-size: 12px;
}
.marketing-display-main .accordion-header .accordion-button img {
  margin-right: 12px;
}
.marketing-display-main .accordion-header .marketing-buttons-group {
  position: absolute;
  top: 11px;
  right: 60px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 10px;
}
.marketing-display-main .accordion-header .marketing-buttons-group .prima-button:not(:first-child) {
  display: none;
}
.marketing-display-main .accordion-form-edit {
  display: none;
}
.marketing-display-main .accordion-form-edit label {
  font-size: 12px;
  margin: 0 0 10px;
}
.marketing-display-main .accordion-form-edit label:not(:first-child) {
  margin-top: 20px;
}
.marketing-display-main .accordion-form-edit input,
.marketing-display-main .accordion-form-edit textarea,
.marketing-display-main .accordion-form-edit select {
  min-height: 35px;
  min-width: 35px;
}
.marketing-display-main .accordion-form-edit .form-checkbox {
  display: flex;
  flex-direction: column;
}
.marketing-display-main .accordion-form-edit .form-checkbox label {
  order: -1;
}
.marketing-display-main .accordion-form-edit .form-checkbox .k-checkbox:not(:checked) {
  background-color: #F32A2A;
  border-color: #F32A2A;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marketing-display-main .accordion-form-edit .form-checkbox .k-checkbox:not(:checked)::before {
  content: "";
  background-image: url("../../images/icons/cross.svg");
  filter: brightness(0) invert(1);
  width: 16px;
  height: 16px;
  display: block;
}
.marketing-display-main .accordion-form-default {
  font-size: 12px;
}
.marketing-display-main .accordion-form-default .row .row + .row {
  margin-top: 12px;
}
.marketing-display-main .accordion-form-default strong {
  font-weight: 500;
}
.marketing-display-main .input-value-cloned {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.marketing-display-main .input-value-cloned .select-tag {
  font-size: 12px;
  padding: 3px 8px;
  background: #e0e7f1;
  border-radius: 8px;
}
.marketing-display-main .input-value-cloned [data-checked] {
  font-size: 12px;
  padding: 3px 8px;
  background: #e0e7f1;
  border-radius: 8px;
}
.marketing-display-main .input-value-cloned [data-checked]::before {
  content: "Unknown";
}
.marketing-display-main .input-value-cloned [data-checked=True],
.marketing-display-main .input-value-cloned [data-checked=true] {
  color: #5CB74D;
  background: #E3F1E5;
}
.marketing-display-main .input-value-cloned [data-checked=True]::before,
.marketing-display-main .input-value-cloned [data-checked=true]::before {
  content: "Active";
}
.marketing-display-main .input-value-cloned [data-checked=False],
.marketing-display-main .input-value-cloned [data-checked=false] {
  color: #F32A2A;
  background: #F1E8E3;
}
.marketing-display-main .input-value-cloned [data-checked=False]::before,
.marketing-display-main .input-value-cloned [data-checked=false]::before {
  content: "Inactive";
}

.task-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.task-detail:not(:last-child) {
  margin-bottom: 8px;
}
.task-detail-name {
  font-weight: 600;
  width: 49%;
  min-width: 100px;
  color: #8193AB;
  flex-shrink: 0;
  font-size: 0.75em;
}
.task-detail-name img {
  width: 12px;
  height: 12px;
  object-fit: contain;
  margin-right: 10px;
  filter: brightness(0) saturate(100%) invert(62%) sepia(12%) saturate(674%) hue-rotate(175deg) brightness(91%) contrast(88%);
}
.task-detail-img {
  flex-shrink: 0;
}
.task-detail-img img {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
.task-detail-value {
  flex-grow: 1;
  width: 49%;
  font-size: 0.75em;
}
.task-detail-value:empty::after {
  content: "(Not Assigned)";
  color: #838fa1;
  font-style: italic;
}
.task-detail-value a:empty::after {
  content: "(Not Assigned)";
  color: #838fa1;
  font-style: italic;
}
.task-detail-value img {
  width: 12px;
  height: 12px;
  object-fit: contain;
  margin-right: 10px;
  filter: brightness(0) saturate(100%) invert(62%) sepia(12%) saturate(674%) hue-rotate(175deg) brightness(91%) contrast(88%);
}
.task-detail-value .k-input {
  border-color: #e0e7f1;
}
.task-detail-value .k-combobox {
  border-color: #e0e7f1;
}
.task-detail-value .k-combobox .k-input-button {
  background: transparent;
  border: 0;
}
.task-detail-edit {
  flex-shrink: 0;
  border: 0;
  padding: 0;
  background: none;
  visibility: hidden;
}
.task-detail-edit:hover img, .task-detail-edit:focus-visible img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}
.task-detail-edit img {
  width: 11px;
  height: 11px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.task-detail:hover .task-detail-edit, .task-detail:focus-visible .task-detail-edit {
  visibility: visible;
}
.task-inner-bg {
  background: #F6FAFF;
  border-radius: 8px;
  padding: 15px;
}
.task-inner-bg:not(:last-child) {
  margin-bottom: 15px;
}
.task-main > .row {
  margin: 0 -25px;
  row-gap: 10px;
}
.task-main > .row > div {
  padding: 0 25px;
}

.task-info-company {
  font-weight: 700;
  font-size: 0.75em;
}
.task-info-company img {
  width: 12px;
  height: 12px;
  object-fit: contain;
  margin-right: 10px;
  filter: brightness(0) saturate(100%) invert(62%) sepia(12%) saturate(674%) hue-rotate(175deg) brightness(91%) contrast(88%);
}
.task-info-company-code {
  margin: 6px 0 0;
  font-weight: 700;
  font-size: 0.75em;
}
.task-info-address {
  font-size: 0.75em;
}
.task-info-address span {
  font-weight: 600;
  display: flex;
  align-items: center;
  margin: 0 0 3px;
}
.task-info-address span img {
  margin-right: 5px;
  flex-shrink: 0;
}

.task-classifications .task-detail-name {
  width: 100%;
}

.classifications-readonly .row + .row {
  margin-top: 12px;
}
.classifications-readonly label {
  font-weight: 600;
  font-size: 12px;
  color: #8193AB;
}
.classifications-readonly .k-input-solid {
  border: 0;
}

.task-subject {
  margin: 0 0 10px;
}
.task-subject label {
  font-weight: 900;
  font-size: 16px;
}

.task-description {
  position: relative;
}
.task-description .task-detail-name {
  width: 100%;
  margin: 0 0 10px;
}
.task-description-inner {
  height: 70px;
  min-height: 70px;
  overflow: hidden;
}
.task-description label {
  display: block;
  font-weight: 400;
  color: #424242;
  overflow: auto;
  font-size: 12px;
  position: relative;
  margin: 0;
}
.task-description-expand {
  font-size: 13px;
  color: #3497ed;
  padding: 0;
  background: 0;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.task-description-expand img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}
.task-description.expanded .task-description-inner {
  height: auto;
}

.task-main-edit {
  display: flex;
  margin: 0 0 5px;
  width: 100%;
}
.task-main-edit img {
  margin-left: auto;
}
.task-main-edit img:hover {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}

.task-priority span {
  display: flex;
  align-items: center;
}
.task-priority span::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e0e7f1;
  display: inline-block;
  margin-right: 10px;
}
.task-priority [data-priority=Critical]::before {
  background: #F32A2A;
}
.task-priority [data-priority=High]::before {
  background: #E9991B;
}
.task-priority [data-priority=Medium]::before {
  background: #e9d31b;
}
.task-priority [data-priority=Low]::before {
  background: #5CB74D;
}

.task-main .k-input-inner {
  min-height: 39px;
  padding: 5px 15px;
}
.task-main .row + .row {
  margin-top: 5px;
}
.task-main .col-sm-3 {
  min-width: 120px;
}
.task-main .col-sm-9 {
  width: auto;
  flex-grow: 1;
}
.task-main strong,
.task-main label {
  min-height: 22px;
  line-height: 22px;
}

.task-activity-filter {
  display: flex;
  align-items: center;
  gap: 12px;
}
.task-activity-filter > span {
  font-size: 0.75em;
}
.task-activity-filter .k-input {
  font-family: "DM Sans", sans-serif !important;
  height: 36px;
}
.task-activity-filter .k-input-values {
  position: relative;
}
.task-activity-filter .k-input-values::after {
  content: "";
  width: 14px;
  height: 14px;
  background: url("../../images/icons/chevron-down.svg") no-repeat center;
  background-size: contain;
  top: 12px;
  right: 12px;
  position: absolute;
}
.task-activity-filter .k-input-solid {
  border-color: #e0e7f1;
}

#TagsFilter-list,
#TagsSelection-list {
  font-size: 13px;
}

.task-activity-search {
  flex-grow: 1;
  position: relative;
  border-color: #838fa1;
  border-radius: 8px;
}
.task-activity-search::before {
  content: "Search Activity:";
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  font-size: 12px;
  font-weight: 600;
}
.task-activity-search input[type=text] {
  height: 36px;
  padding-left: 110px;
  font-size: 0.8125em;
}

.task-activity-search-expandable {
  width: fit-content;
  height: fit-content;
  position: relative;
}
.task-activity-search-expandable .input-search {
  height: 32px;
  width: 50px;
  border-style: none;
  padding: 10px;
  outline: none;
  border-radius: 25px;
  transition: all 0.5s ease-in-out;
  background-color: #122948;
  padding-right: 40px;
  color: black;
  font-family: "DM Sans", sans-serif;
  font-size: 0.75em;
}
.task-activity-search-expandable .input-search::placeholder {
  color: black;
}
.task-activity-search-expandable .input-search:focus {
  width: 100%;
  border-radius: 8px;
  background-color: white;
  border: 1px solid #e0e7f1;
  transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
}

.task-activity-sort {
  border: 0;
  padding: 0;
  background: none;
}
.task-activity-sort:hover img, .task-activity-sort:focus-visible img {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}
.task-activity-sort img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}

.task-activity-note {
  background: #eef2f8;
  padding: 10px;
  margin: 0 0 12px;
  border-radius: 8px;
}

.task-activity-addnote {
  display: flex;
  align-items: center;
  gap: 10px 18px;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 8px;
  position: relative;
  isolation: isolate;
}
.task-activity-addnote .collapse-addnote {
  width: 16px;
  height: 16px;
  position: absolute;
  transform: rotate(-90deg);
  top: 15px;
  right: 15px;
  background: none;
  border: 0;
  z-index: 2;
  cursor: pointer;
  padding: 0;
  display: none;
}
.task-activity-addnote .collapse-addnote img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.task-activity-addnote .collapse-addnote:hover {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}
.task-activity-addnote-icon img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.task-activity-addnote-input {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  padding: 8px 15px;
  background: #fff;
  gap: 10px 20px;
}
.task-activity-addnote-input .k-input {
  flex-grow: 1;
  border: 0;
}
.task-activity-addnote-input .toggle-editor {
  flex-shrink: 0;
  flex-grow: 1;
  opacity: 0.7;
  cursor: pointer;
  height: 30px;
  display: flex;
  align-items: center;
  font-size: 0.75em;
}
.task-activity-addnote-input .toggle-editor:hover {
  color: #3497ed;
  opacity: 1;
}
.task-activity-addnote-input textarea {
  height: 35px !important;
}
.task-activity-addnote-input .prima-button {
  flex-shrink: 0;
  font-size: 0.75em;
}
.task-activity-addnote-input .prima-button:not(.pb-icon-only) img {
  width: 12px;
  height: 12px;
}
.task-activity-addnote-input .prima-button:not(.pb-icon-only) img:last-child {
  margin-left: 40px;
}
.task-activity-addnote-input .prima-button.active {
  background: #3497ed;
  color: #fff;
}
.task-activity-addnote-input .prima-button.active img {
  filter: brightness(0) invert(1);
}
.task-activity-addnote-input .k-multiselect {
  padding: 0;
  flex-grow: 1;
  width: 100%;
  display: none;
}
.task-activity-addnote-input .k-multiselect .k-input-values {
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-end;
}
.task-activity-addnote-input .k-multiselect .k-selection-multiple {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.task-activity-addnote-input .k-multiselect .k-clear-value {
  align-self: flex-end;
  background: #122948;
  opacity: 1;
  border-radius: 50%;
  margin: 0 0 7px 5px;
  padding: 3px;
}
.task-activity-addnote-input .k-multiselect .k-clear-value .k-svg-icon {
  width: 10px;
  height: 10px;
}
.task-activity-addnote-input .k-multiselect .k-clear-value svg {
  fill: #fff;
}
.task-activity-addnote-input .k-multiselect .k-clear-value:hover {
  background: #3497ed;
}
.task-activity-addnote-input .k-multiselect .k-input-inner {
  min-width: 120px;
  flex: 0 0;
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  background: url("../../images/icons/chevron-down.svg") no-repeat;
  background-size: 10px;
  background-position: top 10px right 10px;
  padding: 6px;
  line-height: 1;
}
.task-activity-richeditor {
  width: 100%;
  display: none;
}

.task-activity-tags {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: auto;
}
.task-activity-tags .k-input-values .k-input-inner {
  min-height: 30px !important;
}
.task-activity-tags .task-activity-duedate {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  border-radius: 8px;
  border: 1px solid #e0e7f1;
  padding: 0 0 0 5px;
}
.task-activity-tags .task-activity-duedate .k-input-inner {
  padding: 5px;
  min-height: 28px;
  font-size: 12px;
  min-width: 90px;
}

.task-activity-addnote.is-active .collapse-addnote {
  display: flex;
  justify-content: center;
  align-items: center;
}
.task-activity-addnote.is-active .toggle-editor {
  cursor: default;
  opacity: 0.7;
  color: #122948;
}
.task-activity-addnote.is-active .task-activity-addnote-input {
  flex-wrap: wrap;
}
.task-activity-addnote.is-active .task-activity-addnote-input textarea {
  min-height: 105px;
  height: auto;
  padding: 13px 24px;
}
.task-activity-addnote.is-active .task-activity-richeditor {
  display: block;
}
.task-activity-addnote.is-active .pb-icon-only {
  display: none;
}
.task-activity-addnote.is-active .task-activity-tags {
  flex-grow: 1;
}
.task-activity-addnote.is-active .k-multiselect {
  display: flex;
}

.k-editor-toolbar .k-input-inner {
  min-height: 0;
}

.k-chip-label {
  font-size: 12px;
  font-family: "DM Sans", sans-serif;
}

.task-activity-wrapper {
  max-height: 645px;
  overflow: auto;
}
.task-activity-wrapper .company-activity-feed {
  overflow: hidden;
  height: auto;
}
.task-activity-feed-group-date {
  font-size: 12px;
  background: #e0e7f1;
  padding: 5px 12px;
  border-radius: 8px;
  position: relative;
  display: inline-block;
  height: 28px;
  margin-bottom: 20px;
  isolation: isolate;
  font-weight: 600;
}
.task-activity-feed-group-date::before {
  content: "";
  width: 1px;
  height: 26px;
  background: #e0e7f1;
  position: absolute;
  top: 100%;
  left: 18px;
  z-index: -1;
}

.task-activity-wrapper .company-activity-feed-text {
  margin: 0 0 10px;
}
.task-activity-wrapper .company-activity-feed-text .activity-type {
  padding: 0;
  background: none;
  border-radius: 0;
  text-transform: none;
}
.task-activity-wrapper .company-activity-feed-text .activity-type::before {
  display: none;
}
.task-activity-wrapper .company-activity-feed-text .activity-type:hover {
  color: #424242;
}
.task-activity-wrapper .company-activity-feed-text .activity-name {
  font-weight: 600;
  display: flex;
}
.task-activity-wrapper .company-activity-feed-text .activity-name::before {
  content: "#";
}
.task-activity-wrapper .company-activity-feed-text .activity-time {
  width: auto;
  font-size: 10px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
}
.task-activity-wrapper .company-activity-feed-text .activity-time::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-block;
  background: #e0e7f1;
}

.activity-comment {
  width: 100%;
  color: #424242;
  font-size: 12px;
}
.activity-comment .byline {
  display: flex;
  gap: 10px 20px;
  margin-top: 10px;
}
.activity-comment .byline button {
  border: 0;
  background: 0;
  padding: 0;
  box-shadow: none;
}

.activity-type-icon {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #122948;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -1px;
  right: -1px;
  border: 1px solid #fff;
}
.activity-type-icon img {
  width: 8px;
  height: 8px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.activity-edit {
  margin-top: 20px;
}
.activity-edit button {
  background: #fff;
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  font-size: 11px;
  padding: 5px 15px;
  display: flex;
  align-items: center;
}
.activity-edit button img {
  width: 13px;
  height: 13px;
  object-fit: contain;
  margin-left: 8px;
}
.activity-edit button:hover {
  background: #3497ed;
  border-color: #3497ed;
  color: #fff;
}
.activity-edit button:hover img {
  filter: brightness(0) invert(1);
}

.activity-search-filter {
  display: none;
}
.activity-search-filter.active {
  display: flex;
}

.bg-palegrey .activity-comment {
  background: #fff;
}

.task-progress-dropdown {
  width: auto;
  flex-grow: 1;
}
.task-progress-dropdown button {
  padding: 0;
  border-radius: 0;
  width: 100%;
  position: relative;
  border: 0;
}
.task-progress-dropdown button::after {
  display: none;
}
.task-progress-dropdown .progress-bar {
  display: block;
  width: 100%;
  height: 18px;
  background: #eef2f8;
}
.task-progress-dropdown .progress-bar-fill {
  background: linear-gradient(90deg, #5CB74D 0%, #4FEA70 100%);
  display: block;
  height: 100%;
}
.task-progress-dropdown .dropdown-menu {
  width: 335px;
  max-width: 90vw;
  padding: 23px;
  border: 0;
  box-shadow: 0px 2px 10.9px 0px rgba(0, 0, 0, 0.15);
  border-radius: 17px;
  left: unset !important;
}
.task-progress-dropdown .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -14px;
  left: calc(50% - 14px);
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #fff;
  z-index: 1;
}
.task-progress-dropdown .task-progress-dropdown-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin: 0 0 14px;
}
.task-progress-dropdown ul {
  margin: 25px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.task-progress-dropdown ul li {
  display: flex;
  align-items: flex-start;
  font-size: 12px;
  font-weight: 400;
  gap: 12px;
  position: relative;
  line-height: 20px;
}
.task-progress-dropdown ul li::before {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background: #eef2f8;
  border: 1px solid #e0e7f1;
  border-radius: 50%;
}
.task-progress-dropdown ul li[data-complete=yes] {
  color: #8193AB;
  order: 1;
}
.task-progress-dropdown ul li[data-complete=yes]::before {
  border-color: #5CB74D;
  background-color: #5CB74D;
}
.task-progress-dropdown ul li[data-complete=yes]::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background-image: url("../../images/icons/check.svg");
  background-position: center;
  background-size: 10px;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}

.deal-main {
  border: 1px solid #E0E0E0;
  border-radius: 8px;
}
.deal-main-inner {
  padding: 0px 30px 30px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 30px;
}
.deal-main-inner::after {
  content: "";
  width: 1px;
  flex-shrink: 0;
  background: #e0e0e0;
  display: block;
}
.deal-main-inner .deal-main-left {
  width: 40%;
}
.deal-main-inner .deal-main-right {
  width: 60%;
  order: 1;
}
.deal-main-inner .deal-description {
  background: #f8f8f8;
  border-radius: 8px;
  padding: 17px 25px 25px;
  height: 100%;
  max-height: 100px;
  overflow: auto;
  font-size: 0.75em;
}
.deal-main-inner .deal-description-title {
  font-weight: 600;
  margin: 0 0 10px;
}

.deal-progress-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 40px 30px 0 30px;
  width: 100%;
  position: relative;
}
.deal-progress-bar .k-stepper {
  flex-grow: 1;
}
.deal-progress-bar .k-step-list {
  justify-content: space-around;
}
.deal-progress-bar .k-step {
  --bg: #C0D6EA;
  --text: #122948;
  flex-grow: 0;
  text-align: center;
  color: var(--text);
  cursor: default;
  margin: 0 2px;
  position: relative;
  background-color: var(--bg);
  transition: background-color 0.2s ease;
  font-family: "DM Sans", sans-serif;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50%;
  font-size: 0.75em;
}
.deal-progress-bar .k-step::before, .deal-progress-bar .k-step::after {
  content: "";
  width: 12px;
  height: 18px;
  position: absolute;
  background: #fff;
  top: 0;
}
.deal-progress-bar .k-step::before {
  right: 100%;
}
.deal-progress-bar .k-step::after {
  left: 100%;
}
.deal-progress-bar .k-step-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  height: 100%;
}
.deal-progress-bar .k-step-indicator {
  margin: 0;
  width: 12px;
  height: 10px;
  background: none !important;
  border: 0 !important;
  position: relative;
  flex-shrink: 0;
}
.deal-progress-bar .k-step-indicator::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #98B7D3;
  background-size: contain;
  position: absolute;
}
.deal-progress-bar .k-step-indicator::after {
  display: none !important;
}
.deal-progress-bar .k-step-indicator .k-svg-icon,
.deal-progress-bar .k-step-indicator .k-step-indicator-text {
  display: none;
}
.deal-progress-bar .k-step-label {
  display: none;
}
.deal-progress-bar .k-step-text {
  margin: 0 !important;
  font-weight: 400 !important;
  padding: 5px 10px;
  color: #424242;
  max-width: none !important;
}
.deal-progress-bar .k-step-done {
  --bg: #74D099;
  --text: #fff;
}
.deal-progress-bar .k-step-done .k-step-indicator::before {
  opacity: 1;
  width: 12px;
  height: 10px;
  background: url("../../images/icons/check.svg") no-repeat center;
  filter: brightness(0) invert(1);
  border-radius: 0;
}
.deal-progress-bar .k-step-current {
  --bg: #fff;
  --text: #424242;
  width: 248px !important;
  height: auto !important;
  border-radius: 8px !important;
  border: 1px solid #C0D6EA;
  flex-shrink: 0;
  max-width: none !important;
  position: relative;
  top: -20px;
}
.deal-progress-bar .k-step-current::before, .deal-progress-bar .k-step-current::after {
  height: 60px;
}
.deal-progress-bar .k-step-current::before {
  right: calc(100% + 1px);
  width: 24px;
}
.deal-progress-bar .k-step-current::after {
  left: calc(100% + 1px);
}
.deal-progress-bar .k-step-current .k-step-link {
  display: block;
  padding: 10px 40px;
  max-width: none;
}
.deal-progress-bar .k-step-current .k-step-link::before {
  content: "";
  width: 30px;
  height: 40px;
  position: absolute;
  left: -16px;
  top: 8px;
  background: url("../../images/icons/progress-bar-current-icon.png") no-repeat center;
  background-size: contain;
}
.deal-progress-bar .k-step-current .k-step-link::after {
  content: "";
  width: 13px;
  height: 7px;
  background: url("../../images/icons/chevron-down.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
}
.deal-progress-bar .k-step-current .k-step-indicator {
  display: none !important;
  color: #424242;
  flex-direction: column;
  width: 100%;
  text-align: left;
}
.deal-progress-bar .k-step-current .k-step-indicator::before {
  display: none;
}
.deal-progress-bar .k-step-current .k-step-indicator-text {
  display: none !important;
  width: auto !important;
  padding: 0 !important;
  color: #AEC3E1;
  font-size: 10px;
  font-weight: 700;
}
.deal-progress-bar .k-step-current .k-step-label {
  display: block;
  max-width: none;
  margin: 0;
}
.deal-progress-bar .k-step-current .k-step-label::after {
  content: "In Progress";
  display: block;
  text-align: left;
  color: #3497ed;
  font-size: 10px;
  font-weight: 700;
}
.deal-progress-bar .k-step-current .k-step-label .k-step-text {
  display: block;
  width: auto !important;
  padding: 0 0 5px !important;
  white-space: wrap;
  text-align: left;
  color: #122948;
  font-size: 12px;
  font-weight: 600;
}
.deal-progress-bar .k-step.k-step:nth-last-child(2) .k-step-label::before {
  content: "Closed";
}
.deal-progress-bar .k-step.k-step:nth-last-child(2) .k-step-text {
  font-size: 0;
}
.deal-progress-bar .k-step.k-step:nth-last-child(2).k-step-current {
  --bg: #F5FEF3;
  top: -22px;
  border-color: #74D099;
}
.deal-progress-bar .k-step.k-step:nth-last-child(2).k-step-current .k-step-link::before {
  top: 15px;
  background: url("../../images/icons/progress-bar-current-won.png");
  height: 30px;
}
.deal-progress-bar .k-step.k-step:nth-last-child(2).k-step-current .k-step-indicator {
  display: none !important;
}
.deal-progress-bar .k-step.k-step:nth-last-child(2).k-step-current .k-step-label {
  margin: 0;
}
.deal-progress-bar .k-step.k-step:nth-last-child(2).k-step-current .k-step-label::after {
  content: "Deal Won";
  color: #74D099;
}
.deal-progress-bar .k-step.k-step:nth-last-child(2).k-step-current .k-step-text {
  padding-top: 0 !important;
}
.deal-progress-bar .k-step-current.k-step:nth-last-child(2), .deal-progress-bar .k-step-done.k-step:nth-last-child(2) {
  --bg: #74D099;
  --text: #fff;
}
.deal-progress-bar .k-step-current.k-step:nth-last-child(2) .k-step-label::before, .deal-progress-bar .k-step-done.k-step:nth-last-child(2) .k-step-label::before {
  content: "";
}
.deal-progress-bar .k-step-current.k-step:nth-last-child(2) .k-step-text, .deal-progress-bar .k-step-done.k-step:nth-last-child(2) .k-step-text {
  font-size: 1em;
}
.deal-progress-bar .k-step:nth-last-child(2) {
  --bg: #74D099;
  --text: #fff;
}
.deal-progress-bar .k-step:nth-last-child(2) .k-step-indicator::before {
  background: url("../../images/icons/thumbs-up.svg");
  width: 10px;
  height: 10px;
  border-radius: 0;
  filter: brightness(0) invert(1);
  border-radius: 0;
}
.deal-progress-bar .k-step-last {
  --bg: #ED8E8E;
  --text: #fff;
}
.deal-progress-bar .k-step-last .k-step-indicator::before {
  background: url("../../images/icons/thumbs-up.svg");
  width: 10px;
  height: 10px;
  transform: rotate(180deg);
  border-radius: 0;
  filter: brightness(0) invert(1);
  border-radius: 0;
}
.deal-progress-bar .k-step-last.k-step-current {
  --bg: #FFF2F2;
  top: -22px;
  border-color: #ED8E8E;
}
.deal-progress-bar .k-step-last.k-step-current .k-step-link::before {
  top: 15px;
  background: url("../../images/icons/progress-bar-current-lost.png");
  height: 30px;
}
.deal-progress-bar .k-step-last.k-step-current .k-step-indicator {
  display: none !important;
}
.deal-progress-bar .k-step-last.k-step-current .k-step-label {
  margin: 0;
}
.deal-progress-bar .k-step-last.k-step-current .k-step-label::after {
  content: "Deal Lost";
  color: #ED8E8E;
}
.deal-progress-bar .k-step-last.k-step-current .k-step-text {
  padding-top: 0 !important;
}
.deal-progress-bar[data-stage=final-lost] .k-step:not(.k-step-last) {
  background: #ED8E8E !important;
}
.deal-progress-bar[data-stage=final-lost] .k-step:not(.k-step-last):not(:nth-last-child(2)) .k-step-indicator::before {
  background: url("../../images/icons/cross.svg") no-repeat center;
}
.deal-progress-bar[data-stage=final-lost] .k-progressbar .k-selected {
  background: #ED8E8E !important;
}
.deal-progress-bar .k-progressbar {
  top: 8px;
  width: 100% !important;
  margin-left: 0 !important;
}
.deal-progress-bar .k-progressbar .k-selected {
  background: #74D099 !important;
}

.arrow-step-buttons {
  width: 189px;
  flex-shrink: 0;
  display: none;
}
.arrow-step-buttons button {
  border-radius: 15px;
  padding: 6px 10px;
  width: 100%;
}
.arrow-step-buttons .button-final-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  display: none;
}
.arrow-step-buttons .button-reset-wrapper {
  display: none;
}

.stage-dropdown-selection {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 5px;
  background: #fff;
  border: 1px solid #eef2f8;
  margin: 0;
  list-style: none;
  border-radius: 8px;
  width: 248px;
  font-size: 12px;
  box-shadow: 0px 2px 22.3px 0px rgba(0, 0, 0, 0.1490196078);
  color: #424242;
}
.stage-dropdown-selection li span {
  padding: 5px 14px;
  display: block;
  position: relative;
  cursor: pointer;
  transition: 0.35s all;
}
.stage-dropdown-selection li span:hover {
  background: #122948 !important;
  color: #fff;
}
.stage-dropdown-selection li.step-complete span {
  background-color: #E4F6E0;
}
.stage-dropdown-selection li.step-complete span::after {
  content: "";
  background-image: url("../../images/icons/check.svg");
  width: 10px;
  height: 8px;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 10px;
  filter: brightness(0) saturate(100%) invert(66%) sepia(96%) saturate(177%) hue-rotate(91deg) brightness(93%) contrast(91%);
}
.stage-dropdown-selection li.step-current span {
  background: #d9eafa;
}
.stage-dropdown-selection li + li {
  padding-top: 4px;
  margin-top: 4px;
  border-top: 1px solid #eef2f8;
}
.stage-dropdown-selection li:nth-last-child(2) span::after {
  content: "";
  background-image: url("../../images/icons/thumbs-up.svg");
  width: 10px;
  height: 10px;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 10px;
  filter: brightness(0) saturate(100%) invert(66%) sepia(96%) saturate(177%) hue-rotate(91deg) brightness(93%) contrast(91%);
}
.stage-dropdown-selection li:nth-last-child(1) span::after {
  content: "";
  background-image: url("../../images/icons/thumbs-up.svg");
  transform: rotate(180deg);
  width: 10px;
  height: 10px;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 10px;
  filter: brightness(0) saturate(100%) invert(81%) sepia(16%) saturate(2820%) hue-rotate(301deg) brightness(100%) contrast(86%);
}

.k-step-last .stage-dropdown-selection li span {
  background: #fff2f2;
}
.k-step-last .stage-dropdown-selection li.step-complete span::after {
  background-image: url("../../images/icons/cross.svg");
  width: 10px;
  height: 10px;
  filter: brightness(0) saturate(100%) invert(81%) sepia(16%) saturate(2820%) hue-rotate(301deg) brightness(100%) contrast(86%);
}

.k-step .stage-dropdown-selection {
  display: none;
}
.k-step:hover .stage-dropdown-selection {
  display: block;
}

.deal-progress-mini {
  position: relative;
  isolation: isolate;
  display: flex;
  justify-content: space-around;
  margin: 15px 0 5px;
}
.deal-progress-mini:empty {
  display: none;
}
.deal-progress-mini:has(.step-current:last-child) .deal-progress-mini-bar {
  background: linear-gradient(to right, #5CB74D 80%, #C0D6EA 80%);
}
.deal-progress-mini:has(.step-current:last-child) .deal-progress-mini-bar::after {
  width: 2px;
  height: 10px;
  background: #C0D6EA;
  position: absolute;
  right: 0;
  top: -4px;
}
.deal-progress-mini:has(.step-current:last-child) .step-complete:has(+ .step-complete + .step-current), .deal-progress-mini:has(.step-current:last-child) .step-complete:has(+ .step-complete + .step-complete + .step-current) {
  display: flex;
}
.deal-progress-mini:has(.step-current:nth-last-child(2)) .deal-progress-mini-bar {
  background: linear-gradient(to right, #5CB74D 60%, #C0D6EA 60%);
}
.deal-progress-mini:has(.step-current:nth-last-child(2)) .deal-progress-mini-bar::after {
  width: 2px;
  height: 10px;
  background: #C0D6EA;
  position: absolute;
  right: 0;
  top: -4px;
}
.deal-progress-mini:has(.step-current:nth-last-child(2)) .step-complete:has(+ .step-complete + .step-current) {
  display: flex;
}
.deal-progress-mini:has(.step-current:nth-child(2)) .deal-progress-mini-bar::before, .deal-progress-mini:has(.step-current:nth-child(3)) .deal-progress-mini-bar::before {
  width: 2px;
  height: 10px;
  background: #5CB74D;
  position: absolute;
  left: 0;
  top: -4px;
}
.deal-progress-mini-bar {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #5CB74D 33%, #C0D6EA 33%);
  left: 0;
  top: 22px;
}
.deal-progress-mini-bar::before {
  content: "";
  background: repeating-linear-gradient(to left, white, white 3px, transparent 3px, transparent 10px);
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 2px;
}
.deal-progress-mini-bar::after {
  content: "";
  background: repeating-linear-gradient(to right, white, white 3px, transparent 3px, transparent 10px);
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 2px;
}
.deal-progress-mini-step {
  width: 80px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 14px;
  position: relative;
}
.deal-progress-mini-step::before, .deal-progress-mini-step::after {
  content: "";
  width: 12px;
  height: 18px;
  position: absolute;
  background: #fff;
  top: 0;
}
.deal-progress-mini-step::before {
  right: calc(50% + 9px);
}
.deal-progress-mini-step::after {
  left: calc(50% + 9px);
}
.deal-progress-mini-icon {
  width: 18px;
  height: 18px;
  background: #C0D6EA;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.deal-progress-mini-icon::after {
  content: "";
  background: #98B7D3;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.deal-progress-mini-icon img {
  display: none;
}
.deal-progress-mini-name {
  font-size: 10px;
  margin-top: 3px;
}
.deal-progress-mini-count {
  font-size: 10px;
  color: #3497ed;
  margin-top: 5px;
  display: none;
}
.deal-progress-mini .step-complete {
  display: none;
}
.deal-progress-mini .step-complete:has(+ .step-current) {
  display: flex;
}
.deal-progress-mini .step-complete .deal-progress-mini-icon {
  background: #74D099;
}
.deal-progress-mini .step-complete .deal-progress-mini-icon img {
  filter: brightness(0) invert(1);
  display: block;
}
.deal-progress-mini .step-complete .deal-progress-mini-icon::after {
  display: none;
}
.deal-progress-mini .step-current {
  border: 1px solid #98B7D3;
  border-radius: 8px;
  width: 180px;
  padding: 0 10px 10px;
  margin-top: 0;
  background: #fff;
}
.deal-progress-mini .step-current::before {
  right: calc(100% + 1px);
  height: 30px;
}
.deal-progress-mini .step-current:after {
  left: calc(100% + 1px);
  height: 30px;
}
.deal-progress-mini .step-current .deal-progress-mini-icon {
  background: #3497ed;
  margin-top: -9px;
}
.deal-progress-mini .step-current .deal-progress-mini-icon::after {
  display: none;
}
.deal-progress-mini .step-current .deal-progress-mini-count {
  display: block;
}
.deal-progress-mini .step-current .deal-progress-mini-name {
  font-size: 12px;
}
.deal-progress-mini .step-current ~ div + div + div + div {
  display: none;
}
.deal-progress-mini .step-current:not(:nth-child(2)) ~ div + div + div {
  display: none;
}

.line-details-modal .modal-header {
  background: #eef2f8 !important;
  color: #424242;
  padding: 9px 30px;
}
.line-details-modal .modal-header-left {
  font-size: 13px;
}
.line-details-modal .modal-header-left, .line-details-modal .modal-header-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.line-details-modal .modal-header .nav-count {
  margin: 0;
  font-weight: 900;
}
.line-details-modal .modal-header-controls {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}
.line-details-modal .modal-header-input {
  background: #fff;
  padding: 6px 15px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  position: relative;
  max-width: 120px;
}
.line-details-modal .modal-header-input label {
  font-size: 12px;
}
.line-details-modal .modal-header-input .k-input {
  border: 0;
  font-weight: 900;
  font-size: 13px;
  width: auto !important;
  min-width: 0 !important;
  font-family: "DM Sans", sans-serif !important;
}
.line-details-modal .modal-header-input .k-input.k-focus, .line-details-modal .modal-header-input .k-input:focus {
  box-shadow: none;
}
.line-details-modal .modal-header-input .k-input input {
  padding: 0;
  color: #424242;
  width: auto !important;
  min-width: 0 !important;
}
.line-details-modal .modal-header-input[data-currency]::before {
  content: attr(data-currency);
  bottom: 5px;
  left: 15px;
  font-weight: 900;
  font-size: 13px;
  position: absolute;
  z-index: 1;
  line-height: 19.5px;
}
.line-details-modal .modal-header-input[data-currency] .k-input {
  padding-left: 9px;
}
.line-details-modal .modal-body {
  padding: 0;
}
.line-details-modal .modal-body-inner {
  display: grid;
  grid-template-columns: auto 300px;
}

.k-animation-container[aria-labelledby=SupplierId_label] .k-list-container {
  width: 450px !important;
  min-width: 450px !important;
  border-radius: 8px !important;
  overflow: hidden;
}
.k-animation-container[aria-labelledby=SupplierId_label] .k-list-container .k-list .k-list-content {
  padding: 0;
}
.k-animation-container[aria-labelledby=SupplierId_label] .k-list-container .k-list .k-list-item {
  padding: 0;
  line-height: 1.25;
}
.k-animation-container[aria-labelledby=SupplierId_label] .k-list-container .k-list .k-list-item.k-hover {
  color: #fff !important;
}
.k-animation-container[aria-labelledby=SupplierId_label] .k-list-container .k-list .k-list-item.k-hover .dd-cell {
  background-color: #3497ed !important;
}
.k-animation-container[aria-labelledby=SupplierId_label] .k-list-container .k-list .k-list-item .k-list-item-text {
  display: block;
  width: 100%;
  padding: 0;
}
.k-animation-container[aria-labelledby=SupplierId_label] .k-list-container .k-list .k-list-item .k-list-item-text::before {
  display: none;
}

.supplier-dropdown .k-picker {
  margin-top: 5px;
  background: #fff;
}
.supplier-dropdown .k-picker .k-input-inner {
  padding-inline: 10px;
  font-size: 14px;
}

.supplier-popup.dd-grid {
  display: grid;
  grid-template-columns: 1fr 0.7fr 0.8fr 0.9fr;
  column-gap: 0;
  font-size: 14px;
  text-align: center;
}
.supplier-popup.dd-head {
  background: #f6f7f9;
  border-bottom: 1px solid #e0e7f1;
  font-size: 12px;
}
.supplier-popup.dd-head > .dd-cell {
  padding: 11px 10px;
  font-weight: 600;
  color: #8193AB;
}
.supplier-popup.dd-head > .dd-cell:not(:first-child) {
  border-left: 1px solid #e0e7f1;
}
.supplier-popup.dd-row {
  border-bottom: 1px solid #e0e7f1;
  transition: 0.3s all;
}
.supplier-popup.dd-row > .dd-cell {
  padding: 8px 10px;
  transition: 0.3s all;
  font-weight: 600;
}
.supplier-popup.dd-row > .dd-cell:not(:first-child) {
  border-left: 1px solid #e0e7f1;
}
.supplier-popup.dd-row:hover {
  background: #f3f5f7;
}
.supplier-popup .dd-supplier {
  background: #F0F6FD;
}
.supplier-popup.dd-best .dd-cell {
  background: #89D27D;
}

.k-dropdownlist-popup .k-list .k-selected .supplier-popup.dd-row .dd-cell {
  background-color: #122948 !important;
  color: #fff;
}

.modal-product-side {
  padding: 20px;
  border-left: 1px solid #e0e7f1;
}
.modal-product-side h3 {
  background: #e0e7f1;
  text-align: center;
  padding: 10px;
  border-radius: 8px;
  margin: 0 0 20px;
}
.modal-product-side .k-switch {
  height: 24px;
}
.modal-product-side .k-switch-track {
  height: 24px;
}
.modal-product-side .k-switch-thumb {
  width: 20px;
  height: 20px;
}
.modal-product-side .k-switch-on .k-switch-track {
  background: #5CB74D;
  border-color: #5CB74D;
}
.modal-product-side-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-product-side-input:not(:last-child) {
  margin-bottom: 10px;
}
.modal-product-side-input label {
  width: 33%;
  margin: 0;
  font-weight: 600;
  font-size: 12px;
}
.modal-product-side-input .k-input {
  width: calc(67% - 18px);
  min-height: 35px;
  font-size: 12px;
  font-family: "DM Sans", sans-serif !important;
}
.modal-product-side-input .k-input.k-readonly {
  position: relative;
  cursor: not-allowed;
}
.modal-product-side-input .k-input.k-readonly .k-input-inner {
  background: #eef2f8;
  color: #777;
  cursor: not-allowed;
}
.modal-product-side-input .k-input.k-readonly::after {
  content: "";
  background: url("../../images/icons/padlock.svg") no-repeat center;
  background-size: contain;
  width: 12px;
  height: 12px;
  top: 11px;
  right: 10px;
  position: absolute;
  z-index: 1;
  opacity: 0.7;
}
.modal-product-side .k-textarea {
  font-size: 12px;
  font-family: "DM Sans", sans-serif !important;
}

.modal-product-main {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 25px;
  padding: 20px;
}
.modal-product-main .card-info-value {
  font-weight: 900;
  font-size: 15px;
}

.modal-product-gallery {
  padding-bottom: 120px;
}
.modal-product-gallery .carousel-item {
  height: 337px;
  padding: 25px;
  align-items: center;
  justify-content: center;
}
.modal-product-gallery .carousel-item.active, .modal-product-gallery .carousel-item.carousel-item-start {
  display: flex;
}
.modal-product-gallery .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal-product-gallery .carousel-control-prev,
.modal-product-gallery .carousel-control-next {
  opacity: 1;
  width: 24px;
}
.modal-product-gallery .carousel-control-prev:hover .carousel-control-prev-icon,
.modal-product-gallery .carousel-control-prev:hover .carousel-control-next-icon,
.modal-product-gallery .carousel-control-next:hover .carousel-control-prev-icon,
.modal-product-gallery .carousel-control-next:hover .carousel-control-next-icon {
  background-color: #3497ed;
}
.modal-product-gallery .carousel-control-prev-icon,
.modal-product-gallery .carousel-control-next-icon {
  background-color: #122948;
  background-size: 14px;
  width: 24px;
  height: 24px;
  border-radius: 8px;
}
.modal-product-gallery .carousel-indicators {
  margin: 0;
  align-items: flex-start;
  overflow: auto;
  bottom: inherit;
  top: calc(100% + 10px);
}
.modal-product-gallery .carousel-indicators button {
  width: 87px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #eef2f8;
  padding: 10px;
  border: 0;
}
.modal-product-gallery .carousel-indicators button:hover {
  background: #e0e7f1;
}
.modal-product-gallery .carousel-indicators button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.modal-product-details-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
}
.modal-product-details .k-input-inner {
  padding: 5px;
}

.modal-product-code .k-input {
  width: auto;
  min-width: 200px;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  background: #e0e7f1;
  border-color: #e0e7f1;
}
.modal-product-code .k-input::before {
  content: "Item Code: ";
  padding-block: var(--kendo-spacing-1, 0.25rem);
  padding-left: var(--kendo-spacing-2, 0.5rem);
  line-height: calc(28px - 0.5rem);
}
.modal-product-code .k-input-inner {
  font-weight: 700;
  width: 140px !important;
}

.modal-product-title {
  font-size: 16px;
  font-weight: 900;
  margin: 10px 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #e0e7f1;
  width: 100%;
}

.modal-tag-list {
  gap: 10px;
  margin: 0 !important;
}
.modal-tag-list .tagDisplay {
  padding: 6px 12px;
  font-size: 12px;
  border: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
}

.modal-product-description .description-title {
  font-size: 12px;
  font-weight: 600;
  color: #122948;
  margin: 0 0 12px;
}
.modal-product-description .description-container {
  font-size: 12px;
  max-height: 55px;
  overflow: hidden;
  margin-bottom: 12px;
}
.modal-product-description .read-more {
  padding: 0;
  border: 0;
  background: none;
  font-size: 12px;
  font-weight: 700;
}
.modal-product-description .read-more::after {
  content: " More +";
}
.modal-product-description .read-more:hover {
  color: #3497ed;
}
.modal-product-description.expanded .description-container {
  max-height: none;
}
.modal-product-description.expanded .read-more::after {
  content: " Less -";
}
.modal-product-description.expanded + .row {
  display: none;
}

.modal-tabs .card-tabs {
  margin-left: 28px;
}
.modal-tabs .card-tab {
  border: 1px solid #e0e7f1;
  border-bottom: 0;
}

.modal-mini-table {
  border: 1px solid #e0e7f1;
  border-radius: 8px;
}
.modal-mini-table h3 {
  background: #e0e7f1;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 700;
}
.modal-mini-table table {
  width: calc(100% - 40px);
  margin: 15px 20px;
  font-size: 12px;
}
.modal-mini-table table td {
  padding: 3px;
}

.input-status-dots .k-input,
.input-status-dots .k-picker {
  padding-left: 15px;
}
.input-status-dots .k-input::before,
.input-status-dots .k-picker::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #e0e7f1;
  position: absolute;
  left: 8px;
  top: 11px;
  border-radius: 50%;
}
.input-status-dots .k-input.status-orange::before,
.input-status-dots .k-picker.status-orange::before {
  background-color: #E9991B;
}
.input-status-dots .k-input.status-blue::before,
.input-status-dots .k-picker.status-blue::before {
  background-color: #3497ed;
}
.input-status-dots .k-input.status-green::before,
.input-status-dots .k-picker.status-green::before {
  background-color: #5CB74D;
}
.input-status-dots .k-input.status-red::before,
.input-status-dots .k-picker.status-red::before {
  background-color: #F32A2A;
}

.quotes-settings {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 20px;
}

.quote-status .k-picker {
  padding-left: 20px;
}
.quote-status .k-picker::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #E9991B;
  position: absolute;
  left: 8px;
  top: 8px;
  border-radius: 50%;
}
.quote-status .k-picker.complete::before {
  background-color: #5CB74D;
}

.quote-vattoggle .k-switch-md {
  height: 24px;
  width: 53px;
}
.quote-vattoggle .k-switch-md .k-switch-track {
  height: 24px;
  width: 53px;
  background: #e0e7f1;
  border: 0;
}
.quote-vattoggle .k-switch-md .k-switch-thumb {
  width: 16px;
  height: 16px;
  background: #fff;
}
.quote-vattoggle .k-switch-on .k-switch-track {
  background: #3497ed;
}
.quote-vattoggle > div {
  color: #8193AB;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
}

.quote-probability-bar-wrapper {
  width: 100%;
  height: 9px;
  border-radius: 9px;
  background: #e0e7f1;
  position: relative;
  overflow: hidden;
  margin-top: 15px;
}

.quote-probability-bar {
  height: 100%;
}

.product-search-modal .modal-dialog {
  height: calc(100% - 3.5rem);
}
.product-search-modal .modal-content {
  height: 100%;
  overflow: auto;
  position: relative;
}
.product-search-modal .modal-body {
  height: calc(100% - 3.5rem);
}
.product-search-modal .modal-header,
.product-search-modal .modal-footer {
  display: none;
}
.product-search-modal-wrapper {
  display: flex;
  align-items: stretch;
  height: 100%;
}
.product-search-modal-left {
  width: 220px;
  flex-shrink: 0;
  border-right: 1px solid #e0e7f1;
  position: relative;
  transition: 0.5s all;
}
.product-search-modal-main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  width: calc(100% - 220px - 290px);
}
.product-search-modal-right {
  width: 290px;
  flex-shrink: 0;
  border-left: 1px solid #e0e7f1;
}

/* left panel - advanced filters */
.product-search-modal-left {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.product-search-modal-left .side-collapsed-toggle {
  color: #fff;
  background: #183357;
  border-radius: 0 8px 8px 0;
  border: 0;
  width: 39px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -39px;
  transition: 0.5s all;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-search-modal-left .side-collapsed-toggle span {
  display: flex;
  gap: 10px;
  align-items: center;
  writing-mode: tb-rl;
  transform: rotate(-180deg);
}
.product-search-modal-left .side-collapsed-toggle span img {
  filter: brightness(0) invert(1);
  transform: rotate(180deg);
}
.product-search-modal-left .side-collapsed-toggle:hover {
  background: #3497ed;
}
.product-search-modal-left.collapsed {
  width: 39px;
  overflow: hidden;
}
.product-search-modal-left.collapsed > * {
  display: none;
}
.product-search-modal-left.collapsed .side-collapsed-toggle {
  display: flex;
  left: 0;
}

.product-search-modal-left-title {
  border-bottom: 1px solid #e0e7f1;
  padding-block: 20px 10px;
  white-space: nowrap;
}
.product-search-modal-left-title h2 {
  display: flex;
  gap: 11px;
  align-items: center;
  font-size: 14px;
  margin: 0 0 10px;
  font-weight: 600;
}
.product-search-modal-left-title h2 button {
  margin-left: auto;
  border: 0;
  padding: 0;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  transform: rotate(180deg);
  transition: 0.5s all;
}
.product-search-modal-left-title h2 button:hover {
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
}
.product-search-modal-left-title h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}

.product-search-modal-history {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.product-search-modal-history label,
.product-search-modal-history input {
  font-size: 12px;
  font-family: "DM Sans", sans-serif;
  white-space: nowrap;
}
.product-search-modal-history .modal-sidebar-search-checkboxes {
  white-space: nowrap;
}
.product-search-modal-history .k-checkbox-label {
  padding-left: 10px;
  margin: 0;
}
.product-search-modal-history .k-input-label {
  color: #8193AB;
  font-weight: 600;
}
.product-search-modal-history .modal-sidebar-search-buttons {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.product-search-modal-history .modal-sidebar-search-buttons button {
  min-width: 60px;
  white-space: nowrap;
}

/* end left panel - advanced filters */
.product-search-modal-basicfilters {
  display: flex;
  /*justify-content: space-between;*/
  justify-content: start;
  align-items: center;
  gap: 20px 25px;
}

.basicfilters-search {
  flex-grow: 1;
  flex: 1;
}
.basicfilters-search .searchBarInput {
  width: 100%;
  min-width: 0;
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  padding: 9px 15px;
  font-size: 13px;
}

.basicfilters-group {
  flex: 1;
  font-size: 12px;
  max-width: 160px;
}
.basicfilters-group:last-child {
  max-width: 220px;
}
.basicfilters-group > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.basicfilters-group > div + div {
  margin-top: 10px;
}
.basicfilters-group .k-switch-md {
  height: 24px;
  width: 53px;
}
.basicfilters-group .k-switch-track {
  background: #e0e7f1;
  border-color: #e0e7f1;
  height: 24px;
  width: 53px;
}
.basicfilters-group .k-switch-thumb {
  background: #fff;
  width: 18px;
  height: 18px;
}
.basicfilters-group .k-switch-off .k-switch-thumb-wrap {
  left: 12px;
}
.basicfilters-group .k-switch-on .k-switch-track {
  background: #091a32;
  border-color: #091a32;
}
.basicfilters-group .k-switch-on .k-switch-thumb-wrap {
  left: calc(100% - 12px);
}
.basicfilters-group input,
.basicfilters-group .k-picker {
  font-size: 12px;
  font-family: "DM Sans", sans-serif;
}
.basicfilters-group .k-multiselect {
  border-color: #e0e7f1;
  border-radius: 8px;
  position: relative;
}
.basicfilters-group .k-multiselect::after {
  content: "";
  width: 12px;
  height: 12px;
  background: url("../../images/icons/chevron-down.svg") no-repeat center;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
  position: absolute;
  right: 8px;
  top: 8px;
}
.basicfilters-group .k-dropdownlist {
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  background: #fff;
  color: #424242;
}
.basicfilters-group .k-dropdownlist > span {
  padding-block: 2px;
}
.basicfilters-group .k-dropdownlist .k-svg-icon {
  background: url("../../images/icons/chevron-down.svg") no-repeat center;
  background-size: 12px;
  filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(1236%) hue-rotate(196deg) brightness(93%) contrast(91%);
}
.basicfilters-group .k-dropdownlist .k-svg-icon svg {
  display: none;
}

.product-search-modal-addblank input,
.product-search-modal-addblank label {
  font-size: 12px;
  font-family: "DM Sans", sans-serif;
}

/* Edit Product Info Partial */
.product-search-modal-edititem {
  flex-grow: 0;
}
.product-search-modal-edititem .modal-dialog {
  height: calc(100% - 7rem);
  margin-top: 3.5rem;
}

.editInfoWrapper {
  background: #eef2f8;
}
.editInfoWrapper .edit-info-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.editInfoWrapper .edit-info-fields label {
  color: #8193AB;
}
.editInfoWrapper .edit-info-fields input {
  font-size: 12px;
  font-family: "DM Sans", sans-serif;
}
.editInfoWrapper .edit-info-quantity {
  max-width: 105px;
}
.editInfoWrapper .edit-info-supplier,
.editInfoWrapper .edit-info-description {
  flex-grow: 1;
}
.editInfoWrapper .edit-info-cost,
.editInfoWrapper .edit-info-sell,
.editInfoWrapper .edit-info-packsize {
  max-width: 120px;
}
.editInfoWrapper .edit-info-submit {
  align-self: flex-end;
}

.edit-supplier-grid {
  font-size: 12px;
}

/* End Edit Product Info Partial */
/* Product Search Results */
.product-search-modal-searchresults .k-grid-table colgroup {
  min-width: 0;
}
.product-search-modal-searchresults .k-toolbar .k-button {
  background: #122948;
}
.product-search-modal-searchresults .k-grid {
  height: 100%;
  border-left: 0;
  border-right: 0;
}
.product-search-modal-searchresults .k-grid .k-table-td {
  white-space: normal;
}
.product-search-modal-searchresults .k-grid-pager {
  background: #fff;
}

/* End Product Search Results */
/* Tabs */
.product-search-modal-tabs .card-tabs {
  margin: 0;
  gap: 0;
  border-bottom: 1px solid #e0e7f1;
}
.product-search-modal-tabs .card-tab {
  border-radius: 0;
  border-top: 0;
}
.product-search-modal-tabs .card-engage {
  height: 180px;
}

/* End Tabs */
/* Right columm - Quote Basket */
.product-search-modal-right {
  display: flex;
  flex-direction: column;
}

.product-search-modal-right-title {
  border-bottom: 1px solid #e0e7f1;
  padding-block: 30px 15px;
  position: relative;
}
.product-search-modal-right-title h2 {
  font-size: 14px;
  margin: 0 0 20px;
}
.product-search-modal-right-title h2 label {
  font-weight: 400;
  color: #8193AB;
}
.product-search-modal-right-title h2 label::after {
  content: " items";
}
.product-search-modal-right-title input {
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  font-size: 14px;
  font-family: "DM Sans", sans-serif;
  padding: 8px 15px;
}
.product-search-modal-right-title .filterText {
  color: #8193AB;
  font-size: 10px;
  margin-top: 5px;
}
.product-search-modal-right-title .close {
  position: absolute;
  top: 15px;
  right: 19px;
  border: 0;
  padding: 0;
  background: transparent;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #616161;
}
.product-search-modal-right-title .close i {
  font-size: 14px;
}
.product-search-modal-right-title .close:hover {
  color: #3497ed;
}

.product-modal-basket {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;
}
.product-modal-basket ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.quote-basket-item {
  padding: 15px;
  border-radius: 8px;
  transition: 0.3s all;
  border: 1px solid transparent;
}
.quote-basket-item + .quote-basket-item {
  margin-top: 5px;
}
.quote-basket-item:hover {
  border-color: #3497ed;
}
.quote-basket-item .k-input {
  font-family: "DM Sans", sans-serif !important;
  font-size: 13px;
}
.quote-basket-item .quote-item-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.quote-basket-item .quote-item-name-wrapper {
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.quote-basket-item .quote-item-name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.quote-basket-item .quote-item-price {
  font-size: 12px;
  font-weight: 700;
}
.quote-basket-item .quote-item-toggle {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../../images/icons/circle-plus.svg") no-repeat center;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(53%) sepia(38%) saturate(5999%) hue-rotate(187deg) brightness(95%) contrast(94%);
  flex-shrink: 0;
  cursor: pointer;
}
.quote-basket-item .quote-item-remove {
  background: transparent;
  border: 0;
  padding: 0;
  color: #122948;
  flex-shrink: 0;
  font-size: 15px;
}
.quote-basket-item .quote-item-remove:hover {
  color: #3497ed;
}
.quote-basket-item.show-details {
  background: #eef2f8;
}
.quote-basket-item.show-details .quote-item-additional-wrapper {
  grid-template-rows: 1fr;
}
.quote-basket-item.show-details .quote-item-additional {
  padding-top: 10px;
}
.quote-basket-item.show-details .quote-item-toggle {
  background-image: url("../../images/icons/circle-minus.svg");
}

.quote-item-additional-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s;
}

.quote-item-additional {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  padding: 0;
  transition: 0.3s all;
}
.quote-item-additional > div {
  padding: 5px 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.quote-item-additional strong {
  font-weight: 600;
}

.quote-basket-total {
  padding: 15px 30px;
  background: #e0e7f1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
  font-weight: 600;
  font-size: 12px;
}

/* End Right columm - Quote Basket */
.new-campaign-dropdown .dropdown-menu {
  width: 382px;
  border: 0;
  padding: 20px;
  box-shadow: 0px 2px 10.9px 0px rgba(0, 0, 0, 0.1490196078);
  font-size: 12px;
}
.new-campaign-dropdown .dropdown-menu p {
  margin: 0 0 30px;
  color: #091a32;
}
.new-campaign-dropdown .dropdown-menu .campaign-type {
  border: 4px solid transparent;
  outline: 1px solid #e0e7f1;
  background: #fff;
  border-radius: 8px;
  padding: 20px 50px 20px 20px;
  text-align: left;
  transition: 0.4s all;
  position: relative;
}
.new-campaign-dropdown .dropdown-menu .campaign-type::before {
  content: "";
  width: 25px;
  height: 25px;
  border: 3px solid transparent;
  outline: 1px solid #e0e7f1;
  position: absolute;
  top: 13px;
  right: 17px;
  border-radius: 50%;
  transition: 0.4s all;
  background: #fff;
}
.new-campaign-dropdown .dropdown-menu .campaign-type::after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  top: 18px;
  right: 22px;
  border-radius: 50%;
  transition: 0.4s all;
  background: #3497ed;
  transform: scale(0);
}
.new-campaign-dropdown .dropdown-menu .campaign-type strong {
  font-weight: 600;
  display: block;
  color: #091a32;
  margin: 0 0 10px;
}
.new-campaign-dropdown .dropdown-menu .campaign-type span {
  color: #878787;
}
.new-campaign-dropdown .dropdown-menu .campaign-type + .campaign-type {
  margin-top: 15px;
}
.new-campaign-dropdown .dropdown-menu .campaign-type:hover {
  border-color: #3497ed;
  outline-color: transparent;
  background: #F0F8FF;
}
.new-campaign-dropdown .dropdown-menu .campaign-type:hover::before {
  border-color: #3497ed;
  outline-color: transparent;
}
.new-campaign-dropdown .dropdown-menu .campaign-type:hover::after {
  transform: scale(1);
}

.campaign-templates-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 1;
  transform: translateY(100%);
  transition: 0.4s all;
  opacity: 0;
  overflow: auto;
}
.campaign-templates-wrapper.templates-open {
  transform: translateY(0);
  opacity: 1;
}

.campaign-templates-filters-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 28px;
}

.campaign-templates-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.campaign-templates-search {
  width: 50%;
  max-width: 482px;
}
.campaign-templates-search input {
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  font-size: 13px;
  padding: 9px 15px;
  width: 100%;
}

.campaign-templates-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  overflow: auto;
}
@media only screen and (max-width: 1400px) {
  .campaign-templates-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1100px) {
  .campaign-templates-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 900px) {
  .campaign-templates-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 700px) {
  .campaign-templates-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.campaign-template {
  border: 1px solid #e0e7f1;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.campaign-template.template-filter-hide, .campaign-template.template-search-hide {
  display: none;
}
.campaign-template-header {
  margin: 0 20px;
  padding: 20px 0;
  border-bottom: 1px solid #e0e7f1;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.campaign-template-icon {
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  background: #e0e7f1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.campaign-template-icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.campaign-template-title h3 {
  color: #091a32;
  font-size: 13px;
  font-weight: 600;
  margin: 4px 0;
}
.campaign-template-title p {
  margin: 0;
  color: #878787;
  font-size: 12px;
}
.campaign-template-body {
  padding: 20px;
  border-radius: 0 0 8px 8px;
  margin-bottom: -8px;
  background: #fff;
  position: relative;
  flex-grow: 1;
}
.campaign-template-body > div + div {
  margin-top: 18px;
}
.campaign-template-body h4 {
  font-size: 12px;
  font-weight: 600;
  color: #091a32;
  margin: 0 0 10px;
}
.campaign-template-body ul {
  padding: 0;
  font-size: 10px;
  color: #878787;
  list-style: none;
}
.campaign-template-body ul li {
  padding-left: 20px;
  position: relative;
}
.campaign-template-body ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #878787;
  position: absolute;
  left: 6px;
  top: 6px;
}
.campaign-template-body ul li + li {
  margin-top: 2px;
}
.campaign-template-body p {
  font-size: 10px;
  color: #878787;
  margin: 0;
}
.campaign-template-filters-list {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.campaign-template-filters-list .prima-button {
  min-width: 0;
}
.campaign-template-footer {
  background: #e0e7f1;
  padding: 19px 20px 11px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.campaign-template-footer .prima-button {
  min-width: 87px;
}

.nav-mini ~ main .offcanvas-create-campaign {
  width: calc(100% - 82px) !important;
}

.offcanvas-create-campaign {
  width: calc(100% - 220px) !important;
}
.offcanvas-create-campaign input,
.offcanvas-create-campaign textarea {
  font-size: 12px;
  font-family: "DM Sans", sans-serif;
}
.offcanvas-create-campaign .offcanvas-body {
  display: flex;
  align-items: stretch;
}

.create-campaign-left {
  width: 24%;
  padding-right: 27px;
  margin-right: 27px;
  border-right: 1px solid #e0e7f1;
}

.create-campaign-main {
  width: 76%;
}
.create-campaign-main .offcanvas-tab {
  height: 100%;
}
.create-campaign-main .offcanvas-tab .offcanvas-body-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.campaign-tabs .card-tab:hover {
  color: inherit;
}

.campaign-tab {
  border-radius: 0;
  background: 0;
  text-align: left;
  display: flex;
  align-items: stretch;
  padding: 0;
  font-weight: 400;
  background: transparent !important;
}
.campaign-tab + .campaign-tab {
  margin-top: 10px;
}
.campaign-tab-graphic {
  width: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  position: relative;
}
.campaign-tab-graphic .circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #74D099;
  position: absolute;
  top: 20px;
  left: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.campaign-tab-graphic .circle::before {
  content: "";
  width: 10px;
  height: 10px;
  filter: brightness(0) invert(1);
  background: url("../../images/icons/check.svg") no-repeat center;
  background-size: contain;
  display: block;
}
.campaign-tab-graphic .line {
  width: 3px;
  flex-grow: 1;
  background: #74D099;
  position: relative;
  top: 30px;
}
.campaign-tab-content {
  flex-grow: 1;
  padding: 15px 25px;
  border-radius: 8px;
  border: 1px solid transparent;
}
.campaign-tab-step {
  color: #AEC3E1;
  font-size: 10px;
  font-weight: 700;
}
.campaign-tab-title {
  font-size: 12px;
  font-weight: 600;
  color: #091a32;
}
.campaign-tab-title::after {
  content: "Complete";
  color: #97B7D3;
  font-weight: 700;
  font-size: 10px;
  display: block;
}
.campaign-tab-settings > div {
  margin-top: 12px;
}
.campaign-tab-settings ul {
  margin: 6px 0 0;
  padding-left: 15px;
}
.campaign-tab-tags .tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin: 5px 0 0;
}
.campaign-tab-tags .tags-wrapper .campaign-tag {
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 10px;
  background: #e0e7f1;
}
.campaign-tab:hover .campaign-tab-content {
  border-color: #3497ed;
}
.campaign-tab.tab-active .campaign-tab-graphic .circle {
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  outline: 2px solid #3497ed;
  left: 3px;
  top: 17px;
  background: #3497ed;
}
.campaign-tab.tab-active .campaign-tab-graphic .circle::before {
  display: none;
}
.campaign-tab.tab-active .campaign-tab-graphic .line {
  background: #3497ed;
}
.campaign-tab.tab-active .campaign-tab-content {
  border-color: #e0e7f1;
}
.campaign-tab.tab-active .campaign-tab-title::after {
  content: "In Progress";
  color: #3497ed;
}
.campaign-tab.tab-active ~ .campaign-tab .campaign-tab-graphic .circle {
  background: #C0D6EA;
}
.campaign-tab.tab-active ~ .campaign-tab .campaign-tab-graphic .circle::before {
  border-radius: 50%;
  background: #98B7D3;
  filter: none;
}
.campaign-tab.tab-active ~ .campaign-tab .campaign-tab-graphic .line {
  background: #C0D6EA;
}
.campaign-tab.tab-active ~ .campaign-tab .campaign-tab-title::after {
  content: "Not Started";
}
.campaign-tab.tab-active ~ .campaign-tab .campaign-tab-title ~ div {
  display: none;
}
.campaign-tab:last-child .campaign-tab-graphic .line {
  display: none !important;
}

.campaign-main-filters-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px 3vw;
}
.campaign-main-filters-grid > div {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  gap: 0 10px;
}
.campaign-main-filters-grid .k-label + .k-input {
  margin: 0;
}
.campaign-main-filters .accordion-button {
  border-bottom: 1px solid #e0e7f1;
  padding-left: 0;
  font-weight: 600;
  color: #091a32;
}
.campaign-main-filters .accordion-button::after {
  left: unset;
  right: 0;
}

.campaign-main-buttons {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}
.campaign-main-buttons:first-child {
  margin-right: auto;
}
.campaign-main-buttons .prima-button:first-child {
  min-width: 145px;
}

.campaign-actions-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}
@media only screen and (max-width: 1400px) {
  .campaign-actions-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1100px) {
  .campaign-actions-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 900px) {
  .campaign-actions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 700px) {
  .campaign-actions-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.campaign-action-card-wrapper {
  position: relative;
}
.campaign-action-card-wrapper input {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.campaign-action-card-wrapper input:checked + .campaign-action-card {
  border-color: #3497ed;
  outline-color: transparent;
  background: #F0F8FF;
}
.campaign-action-card-wrapper input:checked + .campaign-action-card::before {
  border-color: #3497ed;
  outline-color: transparent;
}
.campaign-action-card-wrapper input:checked + .campaign-action-card::after {
  transform: scale(1);
}

.campaign-action-card {
  outline: 1px solid #e0e7f1;
  border: 4px solid transparent;
  border-bottom: 8px solid #3497ed;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  transition: 0.4s all;
  height: 100%;
}
.campaign-action-card::before {
  content: "";
  width: 25px;
  height: 25px;
  border: 3px solid transparent;
  outline: 1px solid #e0e7f1;
  position: absolute;
  top: 13px;
  right: 17px;
  border-radius: 50%;
  transition: 0.4s all;
  background: #fff;
}
.campaign-action-card::after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  top: 18px;
  right: 22px;
  border-radius: 50%;
  transition: 0.4s all;
  background: #3497ed;
  transform: scale(0);
}
.campaign-action-card-image {
  width: 32px;
  height: 32px;
  background: #e0e7f1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  margin: 0 0 15px;
}
.campaign-action-card-image img {
  width: 23px;
  height: 23px;
  object-fit: contain;
}
.campaign-action-card-title {
  font-size: 12px;
  font-weight: 600;
  color: #091a32;
  margin: 0 0 8px;
}
.campaign-action-card-text {
  color: #878787;
  font-size: 12px;
}
.campaign-action-card:hover {
  outline-color: #122948;
  background: #F0F8FF;
}

/* colour coding */
.campaign-action-card-wrapper:nth-child(8n+1) .campaign-action-card {
  border-bottom-color: #3497ed;
}
.campaign-action-card-wrapper:nth-child(8n+1) input:checked + .campaign-action-card {
  border-color: #3497ed;
}
.campaign-action-card-wrapper:nth-child(8n+2) .campaign-action-card {
  border-bottom-color: #6ACEC6;
}
.campaign-action-card-wrapper:nth-child(8n+2) input:checked + .campaign-action-card {
  border-color: #6ACEC6;
}
.campaign-action-card-wrapper:nth-child(8n+3) .campaign-action-card {
  border-bottom-color: #999FE5;
}
.campaign-action-card-wrapper:nth-child(8n+3) input:checked + .campaign-action-card {
  border-color: #999FE5;
}
.campaign-action-card-wrapper:nth-child(8n+4) .campaign-action-card {
  border-bottom-color: #e9d31b;
}
.campaign-action-card-wrapper:nth-child(8n+4) input:checked + .campaign-action-card {
  border-color: #e9d31b;
}
.campaign-action-card-wrapper:nth-child(8n+5) .campaign-action-card {
  border-bottom-color: #E9991B;
}
.campaign-action-card-wrapper:nth-child(8n+5) input:checked + .campaign-action-card {
  border-color: #E9991B;
}
.campaign-action-card-wrapper:nth-child(8n+6) .campaign-action-card {
  border-bottom-color: #E86F4A;
}
.campaign-action-card-wrapper:nth-child(8n+6) input:checked + .campaign-action-card {
  border-color: #E86F4A;
}
.campaign-action-card-wrapper:nth-child(8n+7) .campaign-action-card {
  border-bottom-color: #F32A2A;
}
.campaign-action-card-wrapper:nth-child(8n+7) input:checked + .campaign-action-card {
  border-color: #F32A2A;
}
.campaign-action-card-wrapper:nth-child(8n+8) .campaign-action-card {
  border-bottom-color: #122948;
}
.campaign-action-card-wrapper:nth-child(8n+8) input:checked + .campaign-action-card {
  border-color: #122948;
}

.campaign-main-actions .selection-container-wrapper .selection-container:nth-child(8n+1) {
  border-left: 8px solid #3497ed;
}
.campaign-main-actions .selection-container-wrapper .selection-container:nth-child(8n+2) {
  border-left: 8px solid #6ACEC6;
}
.campaign-main-actions .selection-container-wrapper .selection-container:nth-child(8n+3) {
  border-left: 8px solid #999FE5;
}
.campaign-main-actions .selection-container-wrapper .selection-container:nth-child(8n+4) {
  border-left: 8px solid #e9d31b;
}
.campaign-main-actions .selection-container-wrapper .selection-container:nth-child(8n+5) {
  border-left: 8px solid #E9991B;
}
.campaign-main-actions .selection-container-wrapper .selection-container:nth-child(8n+6) {
  border-left: 8px solid #E86F4A;
}
.campaign-main-actions .selection-container-wrapper .selection-container:nth-child(8n+7) {
  border-left: 8px solid #F32A2A;
}
.campaign-main-actions .selection-container-wrapper .selection-container:nth-child(8n+8) {
  border-left: 8px solid #122948;
}

.page-subheader-reports .k-input {
  height: 37px;
}
.page-subheader-reports .k-input .k-input-values {
  overflow: auto;
}

.reports-table-buttons {
  flex-grow: 1;
}

.task-report-table button[data-name=excel-export], .task-report-table button[data-name=pdf-export] {
  display: none !important;
}
.task-report-table thead th {
  background: #122948;
  color: #fff;
  font-size: 12px;
}
.task-report-table thead th:first-child {
  border-top-left-radius: 8px;
  padding-left: 40px;
}
.task-report-table thead th:last-child {
  border-top-right-radius: 8px;
  padding-right: 40px;
}
.task-report-table tr td {
  font-size: 12px;
  font-weight: 600;
  background: #fff;
}
.task-report-table tr td:first-child {
  padding-left: 40px;
}
.task-report-table tr td:last-child {
  padding-right: 40px;
}
.task-report-table tfoot th {
  font-size: 12px;
  background: #fff;
  color: #3497ed;
}
.task-report-table tfoot th:first-child {
  border-bottom-left-radius: 8px;
  padding-left: 40px;
}
.task-report-table tfoot th:last-child {
  border-bottom-right-radius: 8px;
  padding-right: 40px;
}
.task-report-table .dt-info {
  font-size: 12px;
}

.reports-item-entry {
  display: inline-block;
  min-width: 25px;
}

.reports-open-offcanvas {
  width: 23px;
  height: 15px;
  border: 1px solid #e8e8e8;
  background: #fff;
  border-radius: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  transition: 0.3s all;
  padding: 0;
}
.reports-open-offcanvas img {
  transition: 0.3s all;
}
.reports-open-offcanvas:hover, .reports-open-offcanvas:focus-visible {
  border-color: #3497ed;
  background: #3497ed;
}
.reports-open-offcanvas:hover img, .reports-open-offcanvas:focus-visible img {
  filter: brightness(0) invert(1);
}

.task-report-chart-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.task-report-chart-title h3 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-weight: 600;
}
.task-report-chart-title h3 span {
  color: #878787;
  font-weight: 400;
}

.task-report-controls {
  margin-bottom: 25px;
}
.task-report-controls label {
  margin-right: 15px;
  font-weight: 700;
  font-size: 12px;
}
.task-report-chart-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  height: 150px;
  padding: 0;
  margin-top: 1rem;
}
.task-report-axis {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-right: 0.5rem;
  font-size: 12px;
  font-weight: 500;
  color: #666;
  min-width: 30px;
  text-align: right;
}
.task-report-axis div {
  height: 1px;
  position: relative;
  top: -0.5em;
}

.task-report-grid {
  position: absolute;
  top: 0;
  left: 30px;
  right: 0;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
}
.task-report-grid .grid-line {
  width: 100%;
  border-top: 1px dashed rgba(0, 0, 26, 0.1490196078);
}

.task-report-bars {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-grow: 1;
  height: 100%;
}
.task-report-bar-wrapper {
  flex: 0 0 25%;
  margin: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  height: 100%;
  border-left: 1px dashed rgba(0, 0, 26, 0.1490196078);
  position: relative;
}
.task-report-bar-wrapper:last-child {
  border-right: 1px dashed rgba(0, 0, 26, 0.1490196078);
}
.task-report-bar-wrapper::before {
  content: "";
  height: 150px;
  bottom: 0;
  left: 20%;
  right: 20%;
  background: rgba(214, 219, 237, 0.4);
  position: absolute;
  z-index: -1;
}
.task-report-bar {
  width: 100%;
  background-color: #3497ed;
  color: white;
  font-size: 0.75rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transition: height 0.3s ease;
  margin: 0 20%;
}

.task-report-chart-wrapper[data-barcolour=primary] .task-report-bar {
  background-color: #122948;
}
.task-report-chart-wrapper[data-barcolour=secondary] .task-report-bar {
  background-color: #3497ed;
}

.task-report-graphs .task-report-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  padding-left: 34px;
  font-size: 0.75rem;
  font-weight: 500;
}
.task-report-graphs .task-report-labels div {
  flex: 0 0 auto;
  flex-grow: 1;
  text-align: center;
}

/* offcanvas */
.offcanvas-reports-search {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}

.reports-log-divider {
  border-bottom: 1px solid #e0e7f1;
  border-top: 1px solid #e0e7f1;
  padding: 5px 0;
  font-size: 13px;
  font-weight: 700;
  color: #3497ed;
  margin: 15px 0 10px;
}
.reports-log-divider:first-child {
  margin-top: 0;
}

.reports-log-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.reports-log-entry + .reports-log-entry {
  margin-top: 10px;
}
.reports-log-entry-date {
  background: #eef2f8;
  border-radius: 8px;
  min-width: 100px;
  padding: 8px;
  flex-shrink: 0;
  font-size: 12px;
}
.reports-log-entry-date strong {
  font-weight: 600;
}
.reports-log-entry-details {
  flex-grow: 1;
}
.reports-log-entry-details h5 {
  color: #122948;
  font-weight: 600;
  margin: 0 0 5px !important;
}
.reports-log-entry-details p {
  font-size: 13px;
  margin: 0;
}
.reports-log-entry-button {
  width: 22px;
  flex-shrink: 0;
}
.reports-log-entry-button button {
  width: 22px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 4px;
  background: #3497ed;
  padding: 0;
  transition: 0.3s all;
}
.reports-log-entry-button button i {
  color: #fff;
  font-size: 12px;
}
.reports-log-entry-button button:hover, .reports-log-entry-button button:focus-visible {
  background: #122948;
}
.cross-element {
    display: flex;
    height: 25px;
    border-radius: 50%;
    width: 25px;
    background-color: #C04242;
    align-items: center;
    justify-content: center;
    text-align: center !important;
}

.cross-element img {
    filter: brightness(100%) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
    top: 0;
    bottom: 0;
}

.tick-element {
    display: flex;
    height: 25px;
    border-radius: 50%;
    width: 25px;
    background-color: #5bb74c;
    align-items: center;
    justify-content: center;
}

.tick-element img {
    filter: brightness(100%) saturate(0%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
    top: 0;
    bottom: 0;
}