@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&family=Poppins:wght@200;300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&family=Poppins:wght@200;300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&family=Poppins:wght@200;300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap");
/* line 3, app/assets/stylesheets/landing/landing.sass */
.sign-in-card {
  background-color: #F9F9F9;
  box-shadow: 0px 1px 7px 0px #00000024;
  padding: 1.55rem;
  padding-top: 1.35rem;
  border: 1px solid rgba(110, 120, 140, 0.2);
  border-radius: 3px;
}

/* line 10, app/assets/stylesheets/landing/landing.sass */
.sign-in-card h1 {
  font-weight: 700;
  font-size: 26px;
  font-family: "Inter", sans-serif;
  color: #1E003F;
  margin-bottom: 0.3rem;
}

/* line 16, app/assets/stylesheets/landing/landing.sass */
.sign-in-card #sign-in {
  font-weight: 600;
  font-size: 15px;
  font-family: "Inter", sans-serif;
  padding: 10px !important;
}

/* line 22, app/assets/stylesheets/landing/landing.sass */
#sign-in-card-container {
  max-width: 380px;
}

/* line 25, app/assets/stylesheets/landing/landing.sass */
input.form-check-input:checked {
  background-color: #1D274A;
  border-color: #1D274A;
}

@media only screen and (max-width: 1300px) {
  /* line 30, app/assets/stylesheets/landing/landing.sass */
  #sign-in-card-container {
    max-width: 370px;
  }
  /* line 33, app/assets/stylesheets/landing/landing.sass */
  .sign-in-card h1 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 37, app/assets/stylesheets/landing/landing.sass */
  #sign-in-card-container {
    max-width: 320px;
  }
  /* line 40, app/assets/stylesheets/landing/landing.sass */
  .sign-in-card h1 {
    font-size: 24px;
  }
  /* line 42, app/assets/stylesheets/landing/landing.sass */
  .sign-in-card #sign-in {
    font-size: 14px;
  }
}

@media only screen and (max-width: 350px) {
  /* line 46, app/assets/stylesheets/landing/landing.sass */
  #sign-in-card-container {
    max-width: 250px;
  }
  /* line 49, app/assets/stylesheets/landing/landing.sass */
  .sign-in-card h1 {
    font-size: 23px;
  }
  /* line 51, app/assets/stylesheets/landing/landing.sass */
  .sign-in-card #sign-in {
    font-size: 13px;
  }
  /* line 53, app/assets/stylesheets/landing/landing.sass */
  .sign-in-card #sub-heading {
    font-size: 13px;
  }
  /* line 55, app/assets/stylesheets/landing/landing.sass */
  a.form-label-link {
    position: relative !important;
  }
  /* line 57, app/assets/stylesheets/landing/landing.sass */
  #password-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 0.5rem;
  }
}

/* line 3, app/assets/stylesheets/conversations/conversations.sass */
.messenger {
  --conversations-w: calc(100% - 54px);
  --body-w: 100%;
  display: grid !important;
  grid-template-columns: var(--conversations-w) var(--body-w);
  grid-template-rows: minmax(0, 1fr);
  position: relative;
  transition: 0.2s ease-in-out;
}

/* line 7, app/assets/stylesheets/conversations/conversations.sass */
#selected-conversation:not([data-conversation-id]) + .messenger {
  --conversations-w: 100%;
  --body-w: 100%;
}

/* line 11, app/assets/stylesheets/conversations/conversations.sass */
.messenger[data-messenger-conversation-show-value="true"] {
  --conversations-translate: -30%;
  --body-translate: calc(-100% + 54px);
}

@media (min-width: 576px) {
  /* line 16, app/assets/stylesheets/conversations/conversations.sass */
  .messenger[data-messenger-conversation-show-value] {
    --conversations-w: 280px!important;
    --body-w: minmax(calc(100% - var(--conversations-w)), 1fr)!important;
    --conversations-translate: 0px;
    --body-translate: 0px;
  }
}

/* line 28, app/assets/stylesheets/conversations/conversations.sass */
.messenger__conversations, .messenger__body {
  height: 100%;
  overflow-y: scroll;
  transition: 0.2s ease-in-out;
}

/* line 34, app/assets/stylesheets/conversations/conversations.sass */
.messenger__conversations {
  transform: translateX(var(--conversations-translate));
}

/* line 37, app/assets/stylesheets/conversations/conversations.sass */
.messenger__body {
  z-index: 1;
  transform: translateX(var(--body-translate));
}

/* line 42, app/assets/stylesheets/conversations/conversations.sass */
.messenger[data-messenger-conversation-show-value="true"] .messenger__conversations-toggler .bi-view-list {
  display: block;
}

/* line 44, app/assets/stylesheets/conversations/conversations.sass */
.messenger[data-messenger-conversation-show-value="true"] .messenger__conversations-toggler .bi-arrow-bar-left {
  display: none;
}

/* line 47, app/assets/stylesheets/conversations/conversations.sass */
.messenger[data-messenger-conversation-show-value="false"] .messenger__conversations-toggler .bi-view-list {
  display: none;
}

/* line 49, app/assets/stylesheets/conversations/conversations.sass */
.messenger[data-messenger-conversation-show-value="false"] .messenger__conversations-toggler .bi-arrow-bar-left {
  display: block;
}

/* line 52, app/assets/stylesheets/conversations/conversations.sass */
.messenger-conversations,
.messenger-body {
  height: 100%;
  background-color: white;
}

/* line 57, app/assets/stylesheets/conversations/conversations.sass */
.messenger-conversations__header,
.messenger-body__header {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px;
  border-bottom: solid 1px #f4f5fc;
  background-color: #fff;
}

/* line 69, app/assets/stylesheets/conversations/conversations.sass */
.messenger-conversations:first-child {
  border-right: solid 1px #f4f5fc;
}

/* line 72, app/assets/stylesheets/conversations/conversations.sass */
.messenger-conversations:last-child {
  border-left: solid 1px #f4f5fc;
}

/* line 75, app/assets/stylesheets/conversations/conversations.sass */
.messenger-conversations__header {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 51px;
}

/* line 79, app/assets/stylesheets/conversations/conversations.sass */
.messenger-conversations__body {
  padding: 10px;
}

/* line 82, app/assets/stylesheets/conversations/conversations.sass */
.messenger-body {
  display: grid;
  grid-template-rows: auto 1fr auto;
}

/* line 86, app/assets/stylesheets/conversations/conversations.sass */
.messenger-body__header {
  grid-template-columns: minmax(0, 1fr) repeat(auto-fit, minmax(0, auto));
  min-height: 51px;
}

/* line 90, app/assets/stylesheets/conversations/conversations.sass */
.messenger-body__header:empty {
  display: none;
}

/* line 93, app/assets/stylesheets/conversations/conversations.sass */
.messenger-body__status {
  margin: 0;
  font-size: 12px;
  line-height: 11px;
}

/* line 98, app/assets/stylesheets/conversations/conversations.sass */
.messenger-body__content {
  padding: 10px;
  overflow-x: hidden;
}

/* line 102, app/assets/stylesheets/conversations/conversations.sass */
.messenger-body__footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
  background-color: #fff;
  border-top: solid 1px #f4f5fc;
}

/* line 109, app/assets/stylesheets/conversations/conversations.sass */
.messenger-body__footer:empty {
  display: none;
}

/* line 112, app/assets/stylesheets/conversations/conversations.sass */
.messenger-form {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-gap: 5px;
  padding: 5px;
  align-items: end;
}

/* line 120, app/assets/stylesheets/conversations/conversations.sass */
.chat-list + .chat-list {
  margin-top: 20px;
}

/* line 123, app/assets/stylesheets/conversations/conversations.sass */
.chat-list__items {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

/* line 128, app/assets/stylesheets/conversations/conversations.sass */
.chat-list__item:not(:last-child) {
  border-bottom: solid 1px #f4f5fc;
}

/* line 131, app/assets/stylesheets/conversations/conversations.sass */
.chat-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-gap: 0 5px;
  padding: 5px 10px;
  position: relative;
  overflow: hidden;
}

/* line 139, app/assets/stylesheets/conversations/conversations.sass */
.chat-item--new-messagae:after {
  content: '';
  display: block;
  width: 6px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  border-radius: 5px;
  box-shadow: 0 0 0 2px white;
}

/* line 151, app/assets/stylesheets/conversations/conversations.sass */
.chat-item__avatar {
  grid-row-start: span 2;
}

/* line 155, app/assets/stylesheets/conversations/conversations.sass */
.chat-item__avatar .user-avatar-wrapper:after {
  display: none;
}

/* line 158, app/assets/stylesheets/conversations/conversations.sass */
.chat-item__last-date {
  grid-column-start: 3;
  margin: 3px 0 0;
  font-size: 12px;
  line-height: 1;
}

/* line 164, app/assets/stylesheets/conversations/conversations.sass */
.chat-item__title {
  grid-column-start: 2;
  margin: 0;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 172, app/assets/stylesheets/conversations/conversations.sass */
.chat-item__text {
  grid-column-start: 2;
  grid-column-end: 4;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 184, app/assets/stylesheets/conversations/conversations.sass */
.message-group-end {
  grid-template-columns: minmax(0, 1fr) auto;
  justify-items: end;
  padding-left: 40px;
}

/* line 189, app/assets/stylesheets/conversations/conversations.sass */
.message-group-start {
  grid-template-columns: auto minmax(0, 1fr);
  justify-items: start;
  padding-right: 40px;
}

/* line 194, app/assets/stylesheets/conversations/conversations.sass */
.messages {
  grid-column-start: span 2;
}

/* line 197, app/assets/stylesheets/conversations/conversations.sass */
.message-avatar-wrapper ~ .messages {
  grid-column-start: 2;
}

/* line 200, app/assets/stylesheets/conversations/conversations.sass */
.message-group-start .messages {
  justify-items: start;
}

/* line 203, app/assets/stylesheets/conversations/conversations.sass */
.message-group-end .messages {
  justify-items: end;
}

/* line 207, app/assets/stylesheets/conversations/conversations.sass */
.message-group-start .message {
  align-items: start;
}

/* line 210, app/assets/stylesheets/conversations/conversations.sass */
.message-group-end .message {
  align-items: end;
}

/* line 213, app/assets/stylesheets/conversations/conversations.sass */
.message:not(:first-child) .message-author-name, .message-group-end .message-author-name {
  display: none;
}

/* line 217, app/assets/stylesheets/conversations/conversations.sass */
#message-container {
  background-color: #F9F9F9;
}

/* line 221, app/assets/stylesheets/conversations/conversations.sass */
div.bg-light, li.bg-light {
  background-color: white !important;
}

/* line 224, app/assets/stylesheets/conversations/conversations.sass */
a.list-group-item.active {
  background-color: #1D274A;
  border-color: #1D274A;
}

/* line 229, app/assets/stylesheets/conversations/conversations.sass */
div.bg-primary {
  background-color: #1D274A !important;
}

/* line 233, app/assets/stylesheets/conversations/conversations.sass */
button.btn-soft-primary, button.btn-soft-primary:active, button.btn-soft-primary:focus, button.btn-soft-primary:hover {
  color: #DDA024;
  background-color: #F4EACD;
}

/* line 237, app/assets/stylesheets/conversations/conversations.sass */
button.btn:first-child:active {
  border-color: #DDA024;
}

/* line 240, app/assets/stylesheets/conversations/conversations.sass */
span.bg-primary {
  background-color: #1D274A !important;
}

/* line 243, app/assets/stylesheets/conversations/conversations.sass */
a.link-primary {
  color: #1D274A !important;
}

/* line 4, app/assets/stylesheets/dashboard/cisco-ready-data.sass */
.cisco-ready-data-dashbaord table tr td.summary-cell {
  background-color: rgba(231, 234, 243, 0.7);
  font-weight: bold;
  white-space: nowrap;
}

/* line 10, app/assets/stylesheets/dashboard/cisco-ready-data.sass */
.cisco-ready-data-dashbaord table tr td.summary-cell:hover .amount-info {
  visibility: visible !important;
}

/* line 13, app/assets/stylesheets/dashboard/cisco-ready-data.sass */
.cisco-ready-data-dashbaord .pagy-bootstrap-nav {
  position: sticky;
  left: 40%;
}

/* line 18, app/assets/stylesheets/dashboard/cisco-ready-data.sass */
.nested-cisco-ready-data-tabs ul {
  font-size: 13px;
}

/* line 20, app/assets/stylesheets/dashboard/cisco-ready-data.sass */
.nested-cisco-ready-data-tabs ul .nav-link {
  border-width: 2px;
}

/* line 25, app/assets/stylesheets/dashboard/cisco-ready-data.sass */
.cisco-ready-row .accordion-button, .accordion-table-row .accordion-button {
  background-color: transparent !important;
}

/* line 29, app/assets/stylesheets/dashboard/cisco-ready-data.sass */
.cisco-ready-row .accordion-button.no-padding, .accordion-table-row .accordion-button.no-padding {
  padding: 0 !important;
}

/* line 32, app/assets/stylesheets/dashboard/cisco-ready-data.sass */
.cisco-ready-row .accordion-button:after, .accordion-table-row .accordion-button:after {
  order: -1;
  margin-left: 0 !important;
  margin-right: 0.5em !important;
}

/* line 38, app/assets/stylesheets/dashboard/cisco-ready-data.sass */
.nested-table-row thead.thead-light th {
  background-color: transparent !important;
}

/* line 42, app/assets/stylesheets/dashboard/cisco-ready-data.sass */
.cisco-ready-ammount:hover .amount-info {
  visibility: visible !important;
}

/* line 1, app/assets/stylesheets/override-slimselect.sass */
.ss-main {
  padding: 0.6125rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #677788;
  border: 0.0625rem solid rgba(231, 234, 243, 0.7);
  border-radius: 0.3125rem;
}

/* line 10, app/assets/stylesheets/override-slimselect.sass */
.ss-main .ss-value-text {
  font-size: 14px !important;
  line-height: 1em !important;
}

/* line 2, app/assets/stylesheets/custom-data.sass */
.custom-data-container .import-file-heading {
  display: flex;
  justify-content: space-between;
}

/* line 8, app/assets/stylesheets/custom-data.sass */
.virtual-account-details .extra-column {
  font-style: italic;
  border-left: 1px dashed #dee2e6;
}

/* line 12, app/assets/stylesheets/custom-data.sass */
.virtual-account-details .table-responsive {
  position: relative;
}

/* line 17, app/assets/stylesheets/custom-data.sass */
.virtual-account-details table.table th:nth-child(13), .virtual-account-details table.table td:nth-child(13) {
  border-right: 1px dashed #dee2e6 !important;
}

/* line 21, app/assets/stylesheets/custom-data.sass */
.virtual-account-details table.table th:first-child, .virtual-account-details table.table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

/* line 27, app/assets/stylesheets/custom-data.sass */
.virtual-account-details table.table .accordion-table-row td:first-child {
  background-color: #fff !important;
}

/* line 30, app/assets/stylesheets/custom-data.sass */
.virtual-account-details table.table .nested-table-row td:first-child {
  background-color: inherit !important;
}

/* line 32, app/assets/stylesheets/custom-data.sass */
.virtual-account-details table.table .nested-table-row th:first-child {
  background-color: #e7eaf3 !important;
}

/* line 34, app/assets/stylesheets/custom-data.sass */
.virtual-account-details table.table .nested-table-row thead {
  z-index: 3;
}

/* line 37, app/assets/stylesheets/custom-data.sass */
.virtual-account-details thead.nested-table-header {
  position: sticky;
  top: 60px;
  z-index: 3;
  background-color: #e7eaf3;
}

/* line 1, app/assets/stylesheets/enterprise-comparison.sass */
.vertical-line {
  border-right: 1px solid lightgrey;
}

/* line 1, app/assets/stylesheets/resource.sass */
.truncate-text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
}

/* line 3, app/assets/stylesheets/multistep.sass */
.progress-container {
  position: relative;
  padding-top: 40px;
}

/* line 7, app/assets/stylesheets/multistep.sass */
.progress-container .progress-bar {
  width: 90%;
  height: 1px;
  background: gray;
  position: absolute;
  top: 60px;
  margin: 0 5%;
}

/* line 15, app/assets/stylesheets/multistep.sass */
.progress-container .progress-bar .progress {
  width: 100%;
  height: 100%;
  background: #6ABF4B;
  transform: scaleX(0);
  transform-origin: 0;
  transition: 0.3s;
}

/* line 23, app/assets/stylesheets/multistep.sass */
.progress-container .steps {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}

/* line 29, app/assets/stylesheets/multistep.sass */
.progress-container .steps .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
}

/* line 36, app/assets/stylesheets/multistep.sass */
.progress-container .steps .step .circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  margin-bottom: 8px;
  border: 1px solid gray;
}

/* line 48, app/assets/stylesheets/multistep.sass */
.progress-container .steps .step .label {
  font-size: 0.9rem;
}

/* line 51, app/assets/stylesheets/multistep.sass */
.progress-container .steps .step .label .state {
  font-size: 0.8rem;
  color: green;
}

/* line 55, app/assets/stylesheets/multistep.sass */
.progress-container .steps .step .label .date {
  font-size: 0.75rem;
  color: #555;
}

/* line 59, app/assets/stylesheets/multistep.sass */
.progress-container .steps .step.completed .circle {
  border: none;
  background: #6ABF4B;
  color: #fff;
}

/* line 64, app/assets/stylesheets/multistep.sass */
.progress-container .steps .step.current .circle {
  border: 6px solid #6ABF4B;
  background: #fff;
  color: #6ABF4B;
  scale: 1.5;
}

/* line 69, app/assets/stylesheets/multistep.sass */
.progress-container .steps .step.current .label {
  color: #25282A;
  font-weight: bold;
  font-size: 1rem;
  margin-top: 10px;
}

/* line 1, app/assets/stylesheets/gauge_chart.sass */
.gauge-chart {
  flex: 1 1 200px;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 1, app/assets/stylesheets/gauge_chart.sass */
  .gauge-chart {
    flex-basis: calc(50% - 20px);
  }
}

@media (max-width: 576px) {
  /* line 1, app/assets/stylesheets/gauge_chart.sass */
  .gauge-chart {
    flex-basis: 100%;
  }
}

/* line 11, app/assets/stylesheets/gauge_chart.sass */
.gauge-chart .chart-title {
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* line 17, app/assets/stylesheets/gauge_chart.sass */
.gauge-chart .gauge-wrapper {
  width: 160px;
  height: 160px;
  margin: 0 auto 0;
  position: relative;
}

@media (max-width: 768px) {
  /* line 17, app/assets/stylesheets/gauge_chart.sass */
  .gauge-chart .gauge-wrapper {
    width: 140px;
    height: 140px;
  }
}

@media (max-width: 576px) {
  /* line 17, app/assets/stylesheets/gauge_chart.sass */
  .gauge-chart .gauge-wrapper {
    width: 120px;
    height: 120px;
  }
}

/* line 31, app/assets/stylesheets/gauge_chart.sass */
.gauge-chart .gauge-wrapper .gauge-background {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 36, app/assets/stylesheets/gauge_chart.sass */
.gauge-chart .gauge-wrapper .gauge-background .gauge-marker {
  position: absolute;
  font-weight: 500;
  color: #666;
  z-index: 5;
  background: none;
  padding: 0;
  border-radius: 0;
}

/* line 45, app/assets/stylesheets/gauge_chart.sass */
.gauge-chart .gauge-wrapper .gauge-background .gauge-needle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform-origin: center bottom;
  transition: transform 0.5s ease-out;
}

/* line 54, app/assets/stylesheets/gauge_chart.sass */
.gauge-chart .gauge-wrapper .gauge-background .gauge-needle .needle-base {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* line 65, app/assets/stylesheets/gauge_chart.sass */
.gauge-chart .gauge-wrapper .gauge-background .gauge-needle .needle-pointer {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 65px;
  background-color: #000;
  transform: translate(-50%, -100%);
  transform-origin: 50% 100%;
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
}

/* line 76, app/assets/stylesheets/gauge_chart.sass */
.gauge-chart .gauge-wrapper .gauge-value {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
}

/* line 12, app/assets/stylesheets/application.sass */
html {
  height: 100%;
}

/* line 15, app/assets/stylesheets/application.sass */
.logo-invert {
  filter: invert(1);
  object-fit: contain;
}

/* line 19, app/assets/stylesheets/application.sass */
div.card {
  border: 1px solid rgba(110, 120, 140, 0.2);
}

/* line 22, app/assets/stylesheets/application.sass */
.hidden {
  font-size: 0 !important;
  width: 1px !important;
  height: 1px !important;
  display: inline-block !important;
  overflow: hidden !important;
  position: absolute !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* line 36, app/assets/stylesheets/application.sass */
.btn.btn-primary {
  --bs-btn-bg: #1D274A;
  --bs-btn-border-color: #1D274A;
  --bs-btn-hover-bg: #192340;
  --bs-btn-hover-border-color: #151d37;
  --bs-btn-active-bg: #151d37;
  --bs-btn-active-border-color: #151d37;
  --bs-btn-disabled-bg: #1D274A;
  --bs-btn-disabled-border-color: #1D274A;
}

/* line 46, app/assets/stylesheets/application.sass */
.btn.btn-primary:hover {
  box-shadow: 0 4px 11px rgba(29, 39, 74, 0.35);
}

/* line 49, app/assets/stylesheets/application.sass */
.btn.btn-ghost-secondary:hover, .btn.btn-ghost-secondary:focus {
  color: #1D274A;
  background-color: rgba(29, 39, 74, 0.1);
}

/* line 53, app/assets/stylesheets/application.sass */
.btn.btn-ghost-secondary:active {
  border-color: #1D274A !important;
}

/* line 56, app/assets/stylesheets/application.sass */
::-moz-selection {
  color: #DDA024 !important;
  background-color: rgba(221, 160, 36, 0.1) !important;
}

/* line 59, app/assets/stylesheets/application.sass */
::selection {
  color: #DDA024 !important;
  background-color: rgba(221, 160, 36, 0.1) !important;
}

/* line 62, app/assets/stylesheets/application.sass */
.bg-primary ::-moz-selection {
  color: #DDA024 !important;
  background-color: rgba(221, 160, 36, 0.1) !important;
}

/* line 65, app/assets/stylesheets/application.sass */
.bg-primary ::selection {
  color: #DDA024 !important;
  background-color: rgba(221, 160, 36, 0.1) !important;
}

/* line 69, app/assets/stylesheets/application.sass */
html a, a.btn-link {
  color: #1E003F;
}

/* line 72, app/assets/stylesheets/application.sass */
html a:hover, a:focus, a:active, a.btn-link:hover, a.btn-link:active, a.btn-link:focus {
  color: rgba(29, 39, 74, 0.8);
}

/* line 75, app/assets/stylesheets/application.sass */
a.underlined {
  text-decoration: underline !important;
}

/* line 79, app/assets/stylesheets/application.sass */
#user {
  height: 27px;
  width: 27px;
  background-color: #1D274A;
  border-radius: 50%;
  float: right;
}

/* line 85, app/assets/stylesheets/application.sass */
#user span {
  font-weight: 300;
  font-size: 18px;
  color: #fff;
  font-family: "Inter", sans-serif;
  line-height: 19px;
  text-transform: uppercase;
}

/* line 92, app/assets/stylesheets/application.sass */
.navbar-dropdown-account-wrapper {
  padding: 0.20rem;
}

/* line 94, app/assets/stylesheets/application.sass */
#header .navbar-dropdown-account-wrapper .avatar.avatar-sm {
  box-sizing: border-box;
  border: 0.5px solid rgba(110, 120, 140, 0.35);
  height: 27px;
  width: 27px;
}

/* line 100, app/assets/stylesheets/application.sass */
#header .navbar-dropdown-account-wrapper .avatar.avatar-sm .avatar-img {
  height: 100%;
  width: 100%;
}

/* line 104, app/assets/stylesheets/application.sass */
#header .navbar-dropdown-account-wrapper .avatar.avatar-sm .avatar-status {
  display: none;
}

/* line 107, app/assets/stylesheets/application.sass */
.navbar-dropdown-account .small,
.navbar-dropdown-account .text-muted {
  opacity: 0.7;
}

/* line 112, app/assets/stylesheets/application.sass */
.navbar-dropdown-account .dropdown-item:hover, .navbar-dropdown-account .dropdown-item:focus, .navbar-dropdown-account .dropdown-item:active,
.navbar-dropdown-account button.dropdown-item:hover,
.navbar-dropdown-account button.dropdown-item:focus,
.navbar-dropdown-account button.dropdown-item:active {
  background-color: #F4EACD !important;
  color: #DDA024 !important;
}

/* line 117, app/assets/stylesheets/application.sass */
.navbar-dropdown-account .dropdown-item:hover i, .navbar-dropdown-account .dropdown-item:focus i, .navbar-dropdown-account .dropdown-item:active i,
.navbar-dropdown-account button.dropdown-item:hover i,
.navbar-dropdown-account button.dropdown-item:focus i,
.navbar-dropdown-account button.dropdown-item:active i {
  color: #DDA024;
}

/* line 119, app/assets/stylesheets/application.sass */
#user {
  height: 27px;
  width: 27px;
  background-color: #1D274A;
  border-radius: 50%;
  float: right;
}

/* line 125, app/assets/stylesheets/application.sass */
#user span {
  font-weight: 300;
  font-size: 18px;
  color: #fff;
  font-family: "Inter", sans-serif;
  line-height: 19px;
  text-transform: uppercase;
}

/* line 132, app/assets/stylesheets/application.sass */
.navbar-dropdown-account-wrapper {
  padding: 0.20rem;
}

/* line 134, app/assets/stylesheets/application.sass */
#header .navbar-dropdown-account-wrapper .avatar.avatar-sm {
  box-sizing: border-box;
  border: 0.5px solid rgba(110, 120, 140, 0.35);
  height: 27px;
  width: 27px;
}

/* line 140, app/assets/stylesheets/application.sass */
#header .navbar-dropdown-account-wrapper .avatar.avatar-sm .avatar-img {
  height: 100%;
  width: 100%;
}

/* line 144, app/assets/stylesheets/application.sass */
#header .navbar-dropdown-account-wrapper .avatar.avatar-sm .avatar-status {
  display: none;
}

/* line 147, app/assets/stylesheets/application.sass */
.navbar-dropdown-account .small,
.navbar-dropdown-account .text-muted {
  opacity: 0.7;
}

/* line 152, app/assets/stylesheets/application.sass */
.navbar-dropdown-account .dropdown-item:hover, .navbar-dropdown-account .dropdown-item:focus, .navbar-dropdown-account .dropdown-item:active,
.navbar-dropdown-account button.dropdown-item:hover,
.navbar-dropdown-account button.dropdown-item:focus,
.navbar-dropdown-account button.dropdown-item:active {
  background-color: #F4EACD !important;
  color: #DDA024 !important;
}

/* line 157, app/assets/stylesheets/application.sass */
.navbar-dropdown-account .dropdown-item:hover i, .navbar-dropdown-account .dropdown-item:focus i, .navbar-dropdown-account .dropdown-item:active i,
.navbar-dropdown-account button.dropdown-item:hover i,
.navbar-dropdown-account button.dropdown-item:focus i,
.navbar-dropdown-account button.dropdown-item:active i {
  color: #DDA024;
}

/* line 159, app/assets/stylesheets/application.sass */
#page_header {
  flex: 1 1 auto !important;
}

/* line 161, app/assets/stylesheets/application.sass */
a.header-btn-mobile {
  display: none;
  margin-bottom: 1.25rem;
}

@media only screen and (max-width: 1200px) {
  /* line 166, app/assets/stylesheets/application.sass */
  div.page-header {
    margin-left: 1rem;
  }
}

@media (max-width: 450px) {
  /* line 170, app/assets/stylesheets/application.sass */
  a.header-btn {
    display: none;
  }
  /* line 172, app/assets/stylesheets/application.sass */
  a.header-btn-mobile {
    display: block;
  }
}

@media (max-width: 290px) {
  /* line 176, app/assets/stylesheets/application.sass */
  a.navbar-brand {
    margin-right: 0.5rem;
  }
}

/* line 180, app/assets/stylesheets/application.sass */
.breadcrumb {
  --bs-breadcrumb-divider: "›";
}

/* line 183, app/assets/stylesheets/application.sass */
.breadcrumb li.breadcrumb-item {
  font-size: 16px;
  color: #363a3d;
}

/* line 186, app/assets/stylesheets/application.sass */
.breadcrumb li.breadcrumb-item:last-of-type {
  padding-right: var(--bs-breadcrumb-item-padding-x);
}

/* line 189, app/assets/stylesheets/application.sass */
.breadcrumb li.breadcrumb-item.active, .breadcrumb a.breadcrumb-link:hover, .breadcrumb a.breadcrumb-link {
  color: #1E003F;
}

@media (max-width: 768px) {
  /* line 192, app/assets/stylesheets/application.sass */
  ol.breadcrumb {
    display: none;
  }
}

/* line 199, app/assets/stylesheets/application.sass */
.masquerade-banner {
  align-items: center;
  background-color: #F4EACD;
  color: #DDA024;
  display: flex;
  font-size: 0.875rem;
  font-weight: 500;
  height: 2.25rem;
  justify-content: center;
  padding: 0 1rem;
  position: sticky;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1031;
}

/* line 215, app/assets/stylesheets/application.sass */
aside.navbar-vertical-fixed {
  top: 0;
  top: 0;
}

/* line 218, app/assets/stylesheets/application.sass */
header#header.navbar {
  position: sticky;
  top: 0;
  box-sizing: border-box;
  height: auto;
  min-height: 3.5rem;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid rgba(231, 234, 243, 0.7) !important;
  box-shadow: none !important;
}

/* line 229, app/assets/stylesheets/application.sass */
header#header.navbar .navbar-nav-wrap {
  height: auto;
  min-height: calc(3.5rem - 0.7rem);
  align-items: center;
}

/* line 235, app/assets/stylesheets/application.sass */
body.masquerading aside.navbar-vertical-fixed {
  top: 2.25rem;
}

/* line 237, app/assets/stylesheets/application.sass */
body.masquerading header#header.navbar {
  top: 2.25rem;
}

/* line 240, app/assets/stylesheets/application.sass */
header.navbar, div.navbar-vertical-footer-offset {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
  border: none;
}

/* line 243, app/assets/stylesheets/application.sass */
.navbar-brand {
  height: 3.875rem;
}

/* line 245, app/assets/stylesheets/application.sass */
.navbar-vertical-aside hr {
  margin-top: 1.1rem;
}

/* line 247, app/assets/stylesheets/application.sass */
aside.navbar-vertical-aside .navbar-brand {
  height: 3.5rem;
}

/* line 249, app/assets/stylesheets/application.sass */
div.navbar-vertical-footer {
  padding: 0.5rem 1rem;
  border: none;
}

/* line 252, app/assets/stylesheets/application.sass */
div.navbar-vertical-footer hr {
  margin: 0.75rem 0;
}

/* line 256, app/assets/stylesheets/application.sass */
#partner-brand-logo-container {
  height: auto;
  margin: 0;
}

/* line 259, app/assets/stylesheets/application.sass */
#partner-brand-logo-img {
  padding: 0.5rem 2rem 0.5rem 2rem;
}

/* line 262, app/assets/stylesheets/application.sass */
.navbar-vertical-aside-mini-mode #partner-brand-logo-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* line 265, app/assets/stylesheets/application.sass */
.navbar-vertical-aside-mini-mode .bi-exclamation-circle {
  display: none;
}

/* line 267, app/assets/stylesheets/application.sass */
.navbar-vertical-aside-mini-mode #portal-text {
  padding-top: 1rem !important;
  font-size: 12px;
}

/* line 270, app/assets/stylesheets/application.sass */
.brand-logo-img {
  max-height: 8rem;
  padding: 0.5rem 1rem 0rem 1rem;
  width: 100%;
}

@media (max-width: 376px) {
  /* line 276, app/assets/stylesheets/application.sass */
  div.card-footer {
    flex-direction: column;
    align-items: flex-start !important;
  }
}

/* line 281, app/assets/stylesheets/application.sass */
div.nav-vertical.nav-pills .nav-link {
  color: rgba(29, 39, 74, 0.8);
  font-size: 15px;
  font-weight: 500;
}

/* line 285, app/assets/stylesheets/application.sass */
div.nav-vertical.nav-pills .nav-link.active, div.nav-vertical.nav-pills .nav-link:hover {
  background-color: #F4EACD;
  color: #DDA024;
}

/* line 289, app/assets/stylesheets/application.sass */
div.nav-vertical.nav-pills .nav-item .nav-link:hover, .nav-vertical.nav-pills .nav-item .nav-link[aria-expanded]:hover {
  color: #DDA024;
  font-size: larger;
}

/* line 294, app/assets/stylesheets/application.sass */
.theme-selector-as-nav-link button {
  height: 27px;
  width: 27px;
  background-color: #fff;
  border: 0.5px solid rgba(110, 120, 140, 0.35);
  border-radius: 50%;
  box-sizing: border-box;
  float: right;
  padding-top: 0.125rem;
  color: #1E003F;
}

/* line 304, app/assets/stylesheets/application.sass */
.theme-selector-as-nav-link button:hover,
.theme-selector-as-nav-link button:active,
.theme-selector-as-nav-link button:focus,
.theme-selector-as-nav-link button:focus-visible {
  height: 27px;
  width: 27px;
  background-color: #fff !important;
  border: 0.5px solid rgba(110, 120, 140, 0.5) !important;
  border-radius: 50% !important;
  float: right;
}

/* line 316, app/assets/stylesheets/application.sass */
.nav-item > form > .wiki-nav-link {
  align-items: center;
  background: transparent;
  border: 0;
  display: flex;
  text-align: left;
  width: 100%;
}

/* line 324, app/assets/stylesheets/application.sass */
.nav-item > form > .wiki-nav-link .wiki-nav-external {
  font-size: 0.75rem;
  margin-left: 0.35rem;
  opacity: 0.75;
}

/* line 330, app/assets/stylesheets/application.sass */
.bi-arrow-bar-left::before, .bi-arrow-bar-right::before {
  color: #DDA024;
}

/* line 332, app/assets/stylesheets/application.sass */
button.navbar-aside-toggler {
  background-color: #F4EACD;
  width: 2.20625rem;
  height: 2.20625rem;
}

/* line 336, app/assets/stylesheets/application.sass */
aside.navbar-vertical-aside .nav.nav-pills {
  padding-left: 0;
  padding-right: 0;
}

/* line 339, app/assets/stylesheets/application.sass */
div.card-navbar-nav {
  padding: 0;
}

/* line 343, app/assets/stylesheets/application.sass */
.toast .bg-success {
  background-color: #F4EACD !important;
  color: #DDA024 !important;
}

/* line 346, app/assets/stylesheets/application.sass */
button.btn-close-white {
  filter: invert(82%) sepia(32%) saturate(3971%) hue-rotate(349deg) brightness(95%) contrast(81%);
}

/* line 350, app/assets/stylesheets/application.sass */
.avatar-sm.avatar-circle {
  width: 30px;
  height: 30px;
}

/* line 355, app/assets/stylesheets/application.sass */
#details.table #type {
  min-width: 77px;
}

/* line 357, app/assets/stylesheets/application.sass */
#details.table #qty {
  min-width: 42px;
}

/* line 359, app/assets/stylesheets/application.sass */
#details.table #start {
  min-width: 92px;
}

/* line 361, app/assets/stylesheets/application.sass */
#details.table #end {
  min-width: 92px;
}

/* line 363, app/assets/stylesheets/application.sass */
#details.table #status {
  min-width: 61px;
}

/* line 365, app/assets/stylesheets/application.sass */
#details.table #sub-id {
  min-width: 58px;
}

/* line 369, app/assets/stylesheets/application.sass */
.toast {
  --bs-toast-bg: rgba(255, 255, 255, 1.0) !important;
}

/* line 372, app/assets/stylesheets/application.sass */
.card-padding {
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}

/* line 375, app/assets/stylesheets/application.sass */
.dashboard-2-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

/* line 379, app/assets/stylesheets/application.sass */
.dashboard-2-container > .card-span-2-columns {
  grid-column: span 2;
}

@media (max-width: 768px) {
  /* line 375, app/assets/stylesheets/application.sass */
  .dashboard-2-container {
    grid-template-columns: 1fr;
  }
  /* line 383, app/assets/stylesheets/application.sass */
  .dashboard-2-container > .card-span-2-columns {
    grid-column: span 1;
  }
}

/* line 386, app/assets/stylesheets/application.sass */
.dashboard-3-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

/* line 390, app/assets/stylesheets/application.sass */
.dashboard-3-container > .engagements_card {
  grid-column: span 2;
}

@media (max-width: 1200px) {
  /* line 386, app/assets/stylesheets/application.sass */
  .dashboard-3-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  /* line 386, app/assets/stylesheets/application.sass */
  .dashboard-3-container {
    grid-template-columns: 1fr;
  }
  /* line 396, app/assets/stylesheets/application.sass */
  .dashboard-3-container > .engagements_card {
    grid-column: span 1;
  }
}

/* line 401, app/assets/stylesheets/application.sass */
.dashboard-2-container .card-header-title,
.dashboard-3-container .card-header-title {
  font-size: 0.9375rem;
  font-weight: 600;
}

/* line 406, app/assets/stylesheets/application.sass */
.card-centered .card-body.card-body-height {
  justify-content: flex-start;
  align-items: flex-start;
}

/* line 409, app/assets/stylesheets/application.sass */
.card-centered .card-body.card-body-height > * {
  align-self: center;
  max-width: 100%;
}

/* line 414, app/assets/stylesheets/application.sass */
tr.accordion-collapse tr {
  background-color: rgba(231, 234, 243, 0.5) !important;
}

/* line 418, app/assets/stylesheets/application.sass */
.cisco-ready-row .accordion-button, .accordion-table-row .accordion-button, .cisco-ready-nested-row .accordion-button {
  background-color: transparent !important;
}

/* line 421, app/assets/stylesheets/application.sass */
.cisco-ready-row .accordion-button.no-padding, .accordion-table-row .accordion-button.no-padding, .cisco-ready-nested-row .accordion-button.no-padding {
  padding: 0 !important;
}

/* line 424, app/assets/stylesheets/application.sass */
.cisco-ready-row .accordion-button:after, .accordion-table-row .accordion-button:after, .cisco-ready-nested-row .accordion-button:after {
  order: -1;
  margin-left: 0 !important;
  margin-right: 0.5em !important;
}

/* line 429, app/assets/stylesheets/application.sass */
tr.cisco-ready-nested-row {
  background-color: rgba(231, 234, 243, 0.5) !important;
}

/* line 432, app/assets/stylesheets/application.sass */
tr.cisco-ready-sub-nested-row {
  background-color: #e7eaf3 !important;
}

/* line 436, app/assets/stylesheets/application.sass */
.nested-table-row thead.thead-light th {
  background-color: transparent !important;
}

/* line 440, app/assets/stylesheets/application.sass */
.webex-licenses thead.thead-light.nested-table-header {
  top: 43px;
}

/* line 442, app/assets/stylesheets/application.sass */
.webex-licenses thead.thead-light th {
  background-color: #e7eaf3 !important;
}

/* line 445, app/assets/stylesheets/application.sass */
.bi-door-open-fill {
  margin-bottom: 0.1rem;
  font-size: 0.6rem;
}

/* line 451, app/assets/stylesheets/application.sass */
table .thead-light {
  position: sticky;
  top: 0;
  z-index: 3;
}

/* line 455, app/assets/stylesheets/application.sass */
.datatable-custom {
  max-height: 80vh;
  overflow: auto;
}

/* line 459, app/assets/stylesheets/application.sass */
.modal-paper-trail {
  --bs-modal-width: 850px;
}

@media (max-width: 767.98px) {
  /* line 459, app/assets/stylesheets/application.sass */
  .modal-paper-trail {
    --bs-modal-width: 100%;
  }
}

/* line 467, app/assets/stylesheets/application.sass */
input[type="date"] {
  padding: 0.6125rem 1rem;
  color: #677788;
  border: 0.0625rem solid rgba(231, 234, 243, 0.7);
  border-radius: 0.3125rem;
}

/* line 473, app/assets/stylesheets/application.sass */
th.description {
  max-width: 250px;
}

/* line 477, app/assets/stylesheets/application.sass */
.flash-background {
  animation: flashBackground 1s forwards;
}

@keyframes flashBackground {
  0% {
    background-color: rgba(45, 100, 189, 0.25);
  }
  100% {
    background-color: initial;
  }
}

/* line 487, app/assets/stylesheets/application.sass */
.crm-navbar {
  background-color: #fff;
  border: 1px solid rgba(110, 120, 140, 0.2);
  border-radius: 0.75rem;
  box-shadow: 0rem 0.375rem 0.75rem rgba(140, 152, 164, 0.075);
  padding: 0.5rem;
}

/* line 494, app/assets/stylesheets/application.sass */
.crm-navbar .nav-pills {
  flex-wrap: nowrap;
  gap: 0.15rem;
  margin-bottom: 0;
  overflow-x: auto;
}

/* line 500, app/assets/stylesheets/application.sass */
.crm-navbar .nav-pills .nav-link {
  background-color: transparent;
  border: 0;
  color: rgba(29, 39, 74, 0.8);
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
}

/* line 508, app/assets/stylesheets/application.sass */
.crm-navbar .nav-pills .nav-link:hover, .crm-navbar .nav-pills .nav-link:focus {
  background-color: rgba(29, 39, 74, 0.08);
  color: #1D274A;
}

/* line 513, app/assets/stylesheets/application.sass */
.crm-navbar .nav-pills .nav-link.active {
  background-color: rgba(29, 39, 74, 0.1);
  color: #1D274A;
}

/* line 518, app/assets/stylesheets/application.sass */
#navbarNav {
  border-radius: 0.75rem;
}

@media (max-width: 992px) {
  /* line 518, app/assets/stylesheets/application.sass */
  #navbarNav {
    margin-top: 0.5rem;
  }
  /* line 523, app/assets/stylesheets/application.sass */
  #navbarNav .navbar-nav {
    flex-direction: column;
  }
}

/* line 526, app/assets/stylesheets/application.sass */
.three-dots-badge {
  position: absolute !important;
  font-size: 8px !important;
  right: 5px;
  top: 1px;
  border-radius: 50% !important;
}

/* line 533, app/assets/stylesheets/application.sass */
.cursor-pointer {
  cursor: pointer;
}

/* line 538, app/assets/stylesheets/application.sass */
.nested-table-row thead.thead-light th {
  background-color: transparent !important;
}

/* line 543, app/assets/stylesheets/application.sass */
.webex-licenses thead.thead-light.nested-table-header {
  top: 43px;
  position: sticky;
  z-index: 3;
}

/* line 547, app/assets/stylesheets/application.sass */
.webex-licenses thead.thead-light th {
  background-color: #e7eaf3 !important;
}

/* line 550, app/assets/stylesheets/application.sass */
.word-break {
  word-break: break-word;
  white-space: normal;
}

/* line 554, app/assets/stylesheets/application.sass */
.font-weight-bold {
  font-weight: bold;
}

/* line 557, app/assets/stylesheets/application.sass */
.z-index-999 {
  z-index: 999 !important;
}

/* line 560, app/assets/stylesheets/application.sass */
.z-index-10 {
  z-index: 10 !important;
}

/* line 563, app/assets/stylesheets/application.sass */
.z-index-20 {
  z-index: 20 !important;
}

/* line 566, app/assets/stylesheets/application.sass */
.z-index-30 {
  z-index: 30 !important;
}

/* line 569, app/assets/stylesheets/application.sass */
.border-bottom {
  border-bottom: 1px solid;
}

/* line 572, app/assets/stylesheets/application.sass */
.border-red {
  border: 2px solid #FF4B4B !important;
}

/* line 575, app/assets/stylesheets/application.sass */
.text-green {
  color: #6ABF4B;
}

/* line 578, app/assets/stylesheets/application.sass */
.text-red {
  color: #FF4B4B;
}

/* line 581, app/assets/stylesheets/application.sass */
.w-20 {
  width: 20% !important;
}

/* line 584, app/assets/stylesheets/application.sass */
.customer-filter-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 150px;
  text-align: start;
}