/* #wpbody {
	background-color: #F6FAFF;
	margin-left: -32px;
}

#wpbody-content {
	float: none !important;
} */

#gdpr-dashboard-loader {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: var(--white-100);
  z-index: 999;
}

#gdpr-cookie-consent-dashboard-page {
  /* margin-left: -20px; */
  /* padding: 32px 0; */
  /*font-family: 'Lato', sans-serif;*/
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: var(--text-sm-font-size);
  line-height: var(--text-sm-line-height);
  min-height: 750px;
  color: var(--blue-903);
  min-width: 100%;
  max-width: 100%;
}

.gdpr-cookie-consent-dashboard-container {
  /* margin-left: 4%; */
  /* padding-right: 3%; */
  max-width: 100% !important;
}

.gdpr-progress-bar-card {
  min-width: 100%;
  max-width: 100%;
}
.gdpr-progress-bar-heading {
  height: 40px;
  border-bottom: 1px solid var(--gray-100);
  padding-bottom: 15px;
}
.gdpr-progress-heading {
  font-size: var(--text-xl-font-size);
  font-weight: 600;
  font-family: "Roboto";
  line-height: 23px;
  color: rgba(39, 39, 42, 1);
  letter-spacing: 1px;
  margin-left: -19px;
}

.gdpr-progress-bar-buttons {
  display: flex;
  justify-content: end;
}

.gdpr-progress-bar-button {
  margin-left: 1rem;
}

.gdpr-progress-bar-button:hover {
  background-color: var(--white-100);
  color: var(--blue-904);
}

.gdpr-progress-bar-button:active {
  background-color: var(--white-100) !important;
  color: var(--blue-904) !important;
}

.gdpr-progress-bar-button:focus-visible {
  outline: none;
}

.gdpr-progress-circle-column {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px 25px 20px 25px;
  border-radius: 10px;
  margin: 30px;
}

.ep-legend--container {
  margin-top: 2rem;
  font-weight: var(--text-regular-font-weight);
}

.ep-legend--value {
  margin-bottom: 1.5rem;
  font-weight: var(--text-regular-font-weight);
}

.gdpr-progress-circle-caption {
  font-weight: 300;
  margin-left: -0.5rem;
  color: rgba(113, 113, 122, 1);
  font-style: "Roboto";
  font-size: var(--text-xl-font-size);
}

.progress-bar-caption {
  margin-top: 15px;
  padding: 16px 20px 16px 20px;
  border-radius: 6px;
  border: 1px solid var(--gray-100);
}

.progress-bar-caption-text {
  font-weight: var(--text-regular-font-weight);
  font-size: var(--text-sm-font-size);
}

.progress-bar-caption-button {
  border-radius: 6px;
  padding: 6px 20px 6px 20px;
  color: var(--blue-500);
  font-size: var(--text-base-font-size);
  margin-left: 5px;
  font-weight: var(--text-medium-font-weight);
  text-transform: uppercase;
}

.gdpr-progress-list-column {
  padding: 1.5rem;
  padding-left: 0;
  position: relative;
  right: 24px;
}

.gdpr-progress-list-column {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.gdpr-progress-list-item {
  padding: 0.5rem;
  width: 100%;
  justify-content: end;
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: start;
  line-height: 31px;
  padding-left: 21px;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.13), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
}

.gdpr-progress-list-link {
  text-decoration: underline;
  color: rgba(17, 92, 167, 1);
}

.gdpr-progress-list-link:focus {
  outline: none;
  box-shadow: none;
}

.gdpr-progress-list-link:hover {
  text-decoration: underline;
  cursor: pointer;
}

.gdpr-dashboard-quick-links-card {
  min-width: 100%;
  max-width: 100%;
  padding: 20px 20px 20px 8px;
}

.gdpr-dashboard-quick-links-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 3.25rem;
  padding-right: 3.25rem;
}

.gdpr-dashboard-quick-links-body {
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-row-gap: 25px;
  grid-column-gap: 40px;
}

.gdpr-quick-link-image {
  width: 48px;
  height: 48px;
}

.gdpr-upgrade-pro-button:hover {
  background-color: var(--white-100);
  color: var(--blue-904) !important;
}

.gdpr-upgrade-pro-button:active {
  background-color: var(--white-100) !important;
  color: var(--blue-904) !important;
}

.gdpr-upgrade-pro-button:focus-visible {
  outline: none;
}

.gdpr-upgrade-pro-button:focus {
  color: var(--blue-904);
  background-color: var(--white-100);
}

.gdpr-progress-bar-class .ep-svg-container > svg {
  filter: drop-shadow(-1px 0 4px rgba(177, 214, 248, 0.8));
}

.gdpr-progress-bar-class .ep-legend--value__counter {
  font-weight: var(--text-bold-font-weight);
}
.gdpr-progress-circle-legend {
  font-weight: var(--text-bold-font-weight);
  font-size: var(--text-sem-60-font-size);
}

.gdpr-quick-link-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #d4d4d8;
  text-align: center;
  border-radius: 4px;
  padding: 35px 20px;
  cursor: pointer;
}

.gdpr-quick-link-caption {
  margin-top: 15px;
  font-size: var(--text-base-font-size);
  font-weight: var(--text-medium-font-weight);
}

.gdpr-quick-link-description {
  margin-top: 6px;
  max-width: 222px;
  color: var(--gray-500);
}

.gdpr-dashboard-quick-links-heading {
  font-size: var(--text-xl-font-size);
  font-weight: 600;
  font-family: "Roboto";
  line-height: 23px;
  color: rgba(39, 39, 42, 1);
  letter-spacing: 1px;
  margin-left: 18px;
}

.gdpr-quick-link:focus {
  box-shadow: none;
  outline: none;
}

.gdpr-dashboard-promotional-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  min-width: 100%;
  max-width: 100%;
  grid-column-gap: 4%;
}

.gdpr-dashboard-promotional-cards-insights {
  display: flex;
  min-width: 100%;
  max-width: 100%;
  gap: 4%;
}

.gdpr-dashboard-promotional-card {
  padding-left: 0;
  padding-right: 0;
  min-width: 100%;
  max-width: 100%;
}

.gdpr-dashboard-promotional-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 26px;
  padding-right: 2.25rem;
  border: none;
}

.gdpr-dashboard-promotional-heading {
  font-size: var(--text-xl-font-size);
  font-weight: 600;
  font-family: "Roboto";
  line-height: 23px;
  color: rgba(39, 39, 42, 1);
  letter-spacing: 1px;
  /* margin-left: 18px; */
}

.gdpr-dashboard-faq-row {
  margin-bottom: 1.25rem;
  padding-left: 3.25rem;
}

.gdpr-dashboard-faq-link {
  color: var(--blue-903);
  text-decoration: none;
  margin-left: 1rem;
}

.gdpr-dashboard-faq-link:hover {
  color: var(--blue-903);
  text-decoration: none;
}

.gdpr-dashboard-faq-link:focus {
  box-shadow: none !important;
  outline: none;
}

.gdpr-dashboard-plugins-row {
  margin-bottom: 1.25rem;
  padding-left: 3.25rem;
  padding-right: 3.25rem;
  display: flex;
  justify-content: space-between;
}

.gdpr-dashboard-plugins-link {
  color: var(--blue-904);
  text-decoration: none;
  margin-left: 1rem;
}

.gdpr-dashboard-plugins-link:hover {
  color: var(--blue-904);
  text-decoration: none;
}

.gdpr-dashboard-plugins-link:focus {
  box-shadow: none !important;
  outline: none;
  color: var(--blue-904);
}

.gdpr-dashboard-plugins-icon {
  width: 25px;
}

.gdpr-dashboard-disabled-icon {
  padding: 0;
  border: none !important;
}

.gdpr-dashboard-disabled-icon:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  cursor: none;
}

.gdpr-dashboard-disabled-icon:focus {
  outline: none !important;
  box-shadow: none !important;
  cursor: none;
}

.gdpr-dashboard-promotional-card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.gdpr-dashboard-all-plugins-row {
  padding-left: 3.25rem;
  padding-right: 3.25rem;
  display: flex;
  justify-content: flex-end;
}

.gdpr-progress-view-plugins-link {
  color: var(--blue-904);
  text-decoration: none;
  background-color: var(--white-100) !important;
}

.gdpr-progress-view-plugins-link:focus {
  outline: none;
  box-shadow: none;
}

.gdpr-progress-view-plugins-link:active {
  color: var(--blue-904) !important;
  background-color: var(--white-100) !important;
}

.gdpr-progress-view-plugins-link:hover {
  color: var(--blue-904);
  background-color: var(--white-100) !important;
  text-decoration: none;
}

.consent-log-card {
  grid-area: 1 / 1 / 3 / 2;
}

.tips-n-trick-card {
  grid-area: 1 / 2 / 2 / 3;
}
.gdpr-cookie-summary-body {
  display: flex;
  flex-direction: column;
  padding: 0px;
  margin-left: 28px;
  margin-right: 37px;
  margin-bottom: 60px;
}
.gdpr-cookie-summary-icon {
  height: 88px;
  width: 70px;
}

.gdpr-dashboard-admin-icon {
  height: 36px;
  width: 36px;
}

.gdpr-cookie-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  padding: 8px;
}

.gdpr-cookie-summary-last-scan-icon {
  width: 23px;
  height: 27px;
}
.gdpr-cookie-summary-manage-cookies-icon {
  width: 14px;
  height: 14px;
  margin: 3px;
}
.gdpr-cookie-summary-last-scan {
  display: flex;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 10px;
  /* flex-grow: 1; */
  align-items: center;
}
.gdpr-cookie-summary-last-title {
  margin-left: 15px;
}
.gpdr-cookie-no-total-cookies {
  color: var(--blue-903);
  font-size: 35px;
  font-style: normal;
  font-weight: var(--text-semi-bold-font-weight);
  line-height: normal;
}
.gpdr-cookie-no-total-text {
  color: var(--blue-903);
  font-size: var(--text-sem-13-font-size);
  font-style: normal;
  font-weight: var(--text-regular-font-weight);
  line-height: normal;
}
circle.ep-circle--empty {
  stroke: rgba(230, 242, 254, 1);
}
.gdpr-cookie-summary-manage-cookies {
  display: flex;
  justify-content: flex-end;
  margin-right: -84px;
}

.gdpr-cookie-summary-manage-cookies > div {
  display: flex;
  border-radius: 4px;
  padding: 6px 10px 6px 10px;
  color: var(--white-100);
  margin-right: 75px;
  margin-top: 14px;
  margin-bottom: 10px;
}

.gdpr-cookie-summary-heading {
  color: rgba(113, 113, 122, 1);
  text-align: center;
  font-size: var(--text-sm-font-size);
  font-style: normal;
  font-weight: var(--text-regular-font-weight);
  line-height: 16.41px;
  font-family: "Roboto";
}

.gdpr-cookie-summary-dynaminc-values {
  color: rgba(63, 63, 70, 1);
  font-size: var(--text-sm-font-size);
  font-style: normal;
  font-weight: var(--text-semi-bold-font-weight);
  line-height: 16.41px;
  font-family: "Roboto";
  padding-right: 8px;
}

.gdpr-cookie-summary-schedule {
  padding-left: 8px;
  color: rgba(0, 64, 128, 1);
  text-align: center;
  font-size: var(--text-xs-font-size);
  font-style: normal;
  font-weight: var(--text-regular-font-weight);
  line-height: normal;
  text-decoration: underline;
}

.gdpr-cookie-summary-details {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 28px;
  column-gap: 20px;
  margin-bottom: 60px;
}

.gdpr-cookie-summary-schedule:hover {
  text-decoration: none;
}
.gdpr-cookie-summary-manage-link {
  color: rgba(113, 113, 122, 1);
  text-align: center;
  font-size: var(--text-sm-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-right: 5px;
}
.gdpr-cookie-summary-manage-link:hover {
  text-decoration: none;
  color: #135e96;
}
.gdpr-cookie-summary-total-cookie-details {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid rgba(212, 212, 216, 1);
  height: 88px;
  border-radius: 6px;
}

.gpdr-cookie-summary-total-cookies,
.gpdr-cookie-summary-scan-cat {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 18px;
}

.gdpr-dashboard-no-insights-found {
  padding-top: 20%;
  color: var(--blue-903);
  text-align: center;
  font-size: var(--text-lg-font-size);
  font-style: normal;
  font-weight: var(--text-regular-font-weight);
  line-height: normal;
}

/* pie chart styling  */
.gdpr-dashboard-promotional-card {
  margin-top: 0px;
  padding-top: 0px;
}
.consent-insights-page-views-section {
  display: flex;
  padding-left: 27px;
  padding-right: 27px;
  gap: 27px;
}

.page-views-section {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.consent-insights-section {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.consent-insights-section .card-header,
.page-views-section .card-header {
  padding-left: 0 !important;
}
.page-view-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.info-tab1 {
  border: 1px solid rgb(169 169 169);
  border-radius: 6px;
  padding: 10px;
  width: 200px;
}
.info-tab1 h2 {
  font-weight: 600;
  font-size: small;
  color: #52525b;
  margin-bottom: 2px;
}
.info-tab1 p {
  font-size: large;
  font-weight: 600;
  margin-bottom: -2px;
}
.info-tab2 {
  color: #52525b;
  position: relative;
  height: fit-content;
}
.flatpickr-input[readonly] {
  padding: 0;
  border: none;
  border-bottom: 1px solid rgb(169, 169, 169);
  border-radius: 0;
  color: rgb(169, 169, 169);
  position: relative;
  padding-right: 17px;
}
.flatpickr-after-arrow {
  font-size: 12px;
  color: #999;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.page-view-chart {
  display: flex;
  justify-content: center;
  align-items: end;
  width: 100%;
}
.gdpr-dashboard-promotional-cards-insights #consent-insights-body-section {
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
  height: 385px;
  border-radius: 10px;
  border: 1px solid #fafafa;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
  margin-top: 20px;
}
.gdpr-dashboard-promotional-cards-insights #page-views-body-section {
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
  height: 357px;
  border-radius: 10px;
  border: 1px solid #fafafa;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 60px;
  margin-top: 20px;
  padding: 10px;
  padding-bottom: 0;
}
.apexcharts-pie-label {
  font-size: 14px;
  font-weight: 600;
}
.apexcharts-legend-text {
  color: rgba(60, 75, 100, 1) !important;
  margin-left: -7px;
  color: var(--blue-903);
  font-size: 15px !important;
  font-style: normal;
  font-weight: var(--text-regular-font-weight);
  line-height: normal;
}
.apexcharts-legend.apexcharts-align-center.apx-legend-position-right {
  top: 114px !important;
  right: -15px !important;
}

.gdpr-consent-log-dashboard th {
  color: var(--black-50);
  font-size: var(--text-sem-13-font-size);
  font-style: normal;
  font-weight: var(--text-semi-bold-font-weight);
  line-height: 19px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgba(244, 244, 245, 1);
}
.gdpr-consent-log-dashboard {
  /* border-radius: 9px 9px 0px 0px !important; */
  margin: 20px 0;
  /* border-radius: 10px !important; */
  background: var(--white-100);
  border: 1px solid rgba(228, 228, 231, 1);
}
.gdpr-consent-log-dashboard tbody tr td {
  /* text-align: center; */
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border: 1px solid rgba(228, 228, 231, 1);
  background-color: rgba(250, 250, 250, 1);
  font-size: 14px;
}
.gdpr-consent-log-dashboard tbody tr:first-child td {
  background-color: #fff;
}

.gdpr-dashboard-cl-view-all-logs {
  float: right;
}

.gdpr-cookie-summary-view-all-logs {
  width: 22.49px;
  height: 24px;
}

.gdpr-dashboard-cl-view-all-logs-text {
  color: rgba(113, 113, 122, 1);
  text-align: center;
  font-size: var(--text-sm-font-size);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-right: 5px;
}
.gdpr-dashboard-cl-view-all-logs-text:hover {
  text-decoration: none;
  color: #135e96;
}

.gdpr-consent-log-dashboard tbody tr {
  background-color: var(--white-100) !important;
  border-bottom: 1px solid #d9d7d7;
}

.gdpr-dashboard-no-insights {
  display: flex;
}

.gdpr-dashboard-no-insights-circle {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: var(--text-regular-font-weight);
  margin-top: 15px;
  margin-left: 40px;
}
.gdpr-dashboard-small-circle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 4px;
}
.gdpr-dashboard-no-insights-series-labels {
  padding-left: 100px;
  padding-top: 90px;
}
.gdpr-dashboard-no-insights-series-acc {
  display: flex;
  padding-bottom: 4px;
}
.gdpr-dashboard-label-text {
  color: var(--blue-903);
  font-size: 15px;
  font-style: normal;
  font-weight: var(--text-regular-font-weight);
  line-height: normal;
  padding-left: 10px;
}
.apexcharts-legend.apexcharts-align-center.apx-legend-position-right {
  pointer-events: none;
}
#consent-insights-body-section .apexcharts-tooltip.apexcharts-theme-dark {
  color: black !important;
}
#gdpr-cookie-consent-dashboard-page
  .gdpr-cookie-consent-dashboard-container.gdpr-admin-dashaboard-template.container {
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}
#gdpr-cookie-consent-dashboard-page
  .gdpr-cookie-consent-dashboard-container.gdpr-admin-dashaboard-template.container
  .card.gdpr-progress-bar-card {
  margin-top: 0;
}

#gdpr-cookie-consent-dashboard-page
  .gdpr-cookie-consent-dashboard-container.container {
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: var(--white-100);
}

#gdpr-cookie-consent-dashboard-page
  .gdpr-cookie-consent-dashboard-container
  .card.gdpr-progress-bar-card {
  margin-top: 0;
}

#dataRequestContainer .gdpr-maxmind-notice {
  display: none;
}

.gdpr-dashboard-other-plugin-card {
  min-width: 100%;
  max-width: 100%;
  padding: 20px 20px 20px 8px;
}

.gdpr-dashboard-help-card {
  min-width: 100%;
  max-width: 100%;
  padding: 20px 20px 20px 8px;
}
.gdpr-dashboard-tips-tricks-card {
  min-width: 100%;
  max-width: 100%;
  padding: 20px 20px 20px 8px;
}

.gdpr-dashboard-other-plugin-heading {
  font-size: var(--text-xl-font-size);
  font-weight: 600;
  font-family: "Roboto";
  line-height: 23px;
  color: rgba(39, 39, 42, 1);
  letter-spacing: 1px;
  margin-left: 18px;
}
.gdpr-dashboard-help-heading {
  font-size: var(--text-xl-font-size);
  font-weight: 600;
  font-family: "Roboto";
  line-height: 23px;
  color: rgba(39, 39, 42, 1);
  letter-spacing: 1px;
  margin-left: 18px;
}
.gdpr-dashboard-tips-tricks-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 50px;
}
.gdpr-dashboard-tips-tricks-title {
  font-size: var(--text-xl-font-size);
  font-weight: 600;
  font-family: "Roboto";
  line-height: 23px;
  color: rgba(39, 39, 42, 1);
  letter-spacing: 1px;
  text-align: center;
}
.gdpr-dashboard-tips-tricks-button {
  padding: 12px 25px 12px 25px;
  color: var(--blue-901);
  border: 1px solid #7195d0;
  background: var(--white-100);
  border-radius: 4px;
  margin-top: 14px;
}
.gdpr-dashboard-tips-tricks-body {
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-row-gap: 25px;
  grid-column-gap: 30px;
  margin-bottom: 25px;
}

.gdpr-dashboard-tips-tricks-body-parts {
  padding: 16px 30px 16px 30px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #d4d4d8;
  align-items: center;
  border-radius: 6px;
}

.gdpr-tips-tricks-arrow {
  width: 30px;
  height: 30px;
}

.gdpr-dashboard-other-plugin-body {
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-row-gap: 25px;
  grid-column-gap: 30px;
}

.gdpr-dashboard-help-body {
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-row-gap: 25px;
  grid-column-gap: 30px;
}

.gdpr-other-plugin-item {
  flex-direction: column;
  display: flex;
  text-align: left;
  border: 1px solid #d4d4d8;
  border-radius: 4px;
  padding: 20px;
  padding-right: 10px;
}

.gdpr-help-item {
  flex-direction: column;
  display: flex;
  text-align: left;
  border-radius: 4px;
  padding: 20px;
  border: 1px solid #d4d4d8;
  padding-right: 10px;
}

.gdpr-other-plugin:focus {
  box-shadow: none;
  outline: none;
}

.gdpr-other-plugin-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: left;
  text-align: left;
  margin-top: 15px;
}

.gdpr-help-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: left;
  text-align: left;
  margin-top: 15px;
}

.gdpr-other-plugin-caption {
  margin-top: 18px;
  font-size: var(--text-lg-font-size);
  font-weight: var(--text-medium-font-weight);
}

.gdpr-help-caption {
  margin-top: 18px;
  font-size: var(--text-lg-font-size);
  font-weight: var(--text-medium-font-weight);
}

.gdpr-other-plugin-description {
  margin-top: 12px;
  max-width: 250px;
  color: var(--gray-500);
  height: 55px;
}

.gdpr-help-description {
  margin-top: 12px;
  max-width: 250px;
  color: var(--gray-500);
}

.gdpr-other-plugin-button {
  margin-top: 10px;
}

.gdpr-other-plugin-arrow {
  height: 16px;
  width: 16px;
}

.gdpr-other-plugin-button:focus {
  box-shadow: none;
  outline: none;
  text-decoration: none;
}

.gdpr-other-plugin-image {
  width: 48px;
  height: 48px;
}

.gdpr-help-button {
  margin-top: 10px;
}
.gdpr-help-button:focus {
  box-shadow: none;
  outline: none;
  text-decoration: none;
}

/* Added for vertical step progressbar on Dashboard */
/* General styles for the progress bar */
#vertical-progressbar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  margin-top: 65px;
}

/* Styles for each step */
#vertical-progressbar li {
  width: 100%;
  position: relative;
  margin-bottom: 0; /* Space between steps */
  text-align: center;
  display: flex;
}
#vertical-progressbar .container {
  margin-top: 0;
}

/* Connect the steps with a vertical line */
#vertical-progressbar li::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50%; /* Adjust based on the height of your step images */
  bottom: -25px;
  width: 2px;
  background-color: var(--gray-904);
  z-index: -1;
  height: 100%;
}

/* Hide the line for the last step */
#vertical-progressbar li:last-child::before {
  display: none;
}

/* Styling for the progress line on active steps */
#vertical-progressbar li.active::before {
  background-color: var(--green-700);
}

/* Vertical line within the container */
.vertical-line {
  width: 4px;
  background-color: var(--gray-100);
  margin: 0 auto;
}

/* Active vertical line color */
#vertical-progressbar li.active .vertical-line {
  background-color: var(--green-700);
}
/* .vertical-line-step-2,
.vertical-side-line {
  background: linear-gradient(
    to bottom,
    var(--green-700) 50%,
    var(--gray-100) 50%
  );
} */
.vertical-line-step-1 {
  /* background: var(--green-700); */
  width: 4px;
}

/* Styling for the step images */
.vertical-step-images {
  margin-top: 0;
  height: 32px;
  width: 32px;
}

/* Optional: Add a different style for selected, not selected, and finished steps */
.vertical-selected-step-img {
  border-radius: 50%;
}

.vertical-not-selected-step-img {
  opacity: 1;
}

.vertical-finish-step-img {
  border-radius: 50%;
}

.gdpr-gray-progress {
  background-color: var(--white-100);
  color: var(--gray-700);
  height: 50px;
  border-radius: 4px;
}
.vertical-line-step-init {
  height: 9px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.vertical-line-step-5 {
  height: 9px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.vertical-line-step-1,
.vertical-line-step-2,
.vertical-line-step-3,
.vertical-line-step-4 {
  height: 37px;
}
.vertical-line-step-5 {
  height: 11px;
}
.tasks-heading {
  font-size: var(--text-lg-font-size);
  font-weight: var(--text-medium-font-weight);
  position: relative;
  right: 21em;
  margin-bottom: 20px;
}
.card.gdpr-progress-bar-card {
  box-shadow: none;
}
/* Dashboard quick banner section css */
.left-banner-heading {
  font-size: var(--text-base-font-size);
  font-weight: var(--text-medium-font-weight);
}
.left-banner-text {
  font-size: var(--text-sm-font-size);
  font-weight: var(--text-regular-font-weight);
}
.left-banner-section {
  display: flex;
  align-items: center;
}
.left-banner-section img {
  margin-right: 20px;
}
.left-banner-heading,
.left-banner-text {
  margin: 0;
}
#gdpr-cookie-consent-dashboard-page .gdpr-dashboard-quick-banner-section {
  width: 45%;
  max-width: inherit !important;
  margin-left: 34px;
  margin-bottom: 60px;
  display: inline-flex;
}
.gdpr-configure-banner-btn {
  background-color: #14873E;
  width: auto;
  padding: 11px 12px;
  color: #ffffff;
  text-align: center;
  font-weight: var(--text-semi-bold-font-weight);
  border: 1px solid #7195D0;
  border-radius: 0.25rem;
  text-decoration: none;
  display:block;
}
.gdpr-wplp-install-btn{
  background-color: #14873E;
  width: 160px;
  padding: 11px 17px;
  color: var(--white-100);
  text-align: center;
  font-weight: var(--text-semi-bold-font-weight);
  border: 1px solid #7195D0;
  border-radius: 0.25rem;
  text-decoration: none;
  margin-left: 14px;
  display: inline-block;
}

#gdpr-install-activate-btn img{
  margin-left: 5px;
}

.gdpr-wplp-install-btn:hover{
  color:  var(--white-100);
  text-decoration: none;
}
.gdpr-configure-banner-btn:hover {
  color: #ffffff;
  text-decoration: none;
}
.gdpr-dashboard-quick-banner-section .gdpr-banner-preview-logo {
  margin-left: 8px;
}
/* New Unified dashboard  CSS*/
.gdpr-welcome-section {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(180deg, #EDF6FB 47.73%, rgba(248, 252, 255, 0) 116.89%);
  gap: 80px;
  padding: 6em;
}
.gdpr-welcome-section p{
  margin-bottom: 0 !important;
}
div.gdpr-section-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  gap: 10px;
  text-align: left;
}
.gdpr-video-section iframe{
  border-radius: 20px;
}
p.gdpr-title-heading{
  font-size: 26px;
  font-weight: 600;
  color: #021D37;
}
p.gdpr-section-content {
  font-size: 16px;
  color: #71717A;
  font-weight: 300;
}
p.gdpr-title-subheading {
  font-size: 16px;
  color: #52525B;
  font-weight: 400;
}
.gdpr-dashboard-legalpages-create-pages-tab a:hover{
  color: rgba(17, 92, 167, 1) !important;
}

@media ( max-width:1768px ) {
  .consent-insights-section {
    width: 85% !important;
  }

  .page-views-section {
    width: 85% !important;
  }

  .consent-insights-page-views-section {
    flex-direction: column;
    align-items: center;
  }

  .tasks-heading {
    right: 10em;
  }
}

.progress-bar-caption div {
  display: flex;
  align-items: center;
}