/* BASICS */
@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --brand-primary-color: #084C7B;
  --brand-primary-lighter-color: #D6E0E8;
  --dark-primary-color: #002540;
  --dark-primary-light-color: rgba(36, 39, 42, 0.5019607843);
  --brand-secondary-color: #28D994;
  --brand-secondary-dark-color: #22BF83;
  --brand-secondary-light-color: #fca06c;
  --primary-50: hsl(216.21, 36.25%, 90%);
  --primary-100: hsl(216.21, 36.25%, 51.37%);
  --primary-200: hsl(216.21, 36.25%, 46.37%);
  --primary-300: hsl(216.21, 36.25%, 41.37%);
  --primary-400: hsl(216.21, 36.25%, 36.37%);
  --primary-500: hsl(216.21, 36.25%, 31.37%);
  --primary-600: hsl(216.21, 36.25%, 26.37%);
  --primary-700: hsl(216.21, 36.25%, 21.37%);
  --primary-800: hsl(216.21, 36.25%, 16.37%);
  --primary-900: hsl(216.21, 36.25%, 11.37%);
  --error-color: #FF5757;
  --error-bg-color: #FFEEED;
  --error-icon-color: #FF5757;
  --error-border-color: #FF5757;
  --error-font-color: #FF5757;
  --warning-bg-color: #FFF6EB;
  --warning-icon-color: #CC8925;
  --warning-font-color: #CC8925;
  --warning-border-color: #CC8925;
  --success-bg-color: #ECFAF4;
  --success-icon-color: #32B188;
  --success-border-color: #32B188;
  --success-font-color: #32B188;
  --info-bg-color: #E6F0FE;
  --info-font-color: #3B82F6;
  --info-border-color: #3B82F6;
  --info-icon-color: #3B82F6;
  --page-bg-color: #F8F9FA;
  --disabled-grey-color: #B1B1B1;
  --disabled-selected: #AEC4D3;
  --grey-icon: #D1D5DB;
  --grey-border: #B0B0B0;
  --grey-text: #C2C2C3;
  --black: #1C1D1C;
  --light-grey-color: #f3f4f3;
  --dark-grey-color: #ebe9e9;
  --base-font-family: Urbanist, sans-serif;
  --font-family: Urbanist, sans-serif;
  --base-font-size: 18px;
  --base-font-color: #24272A;
  --base-link-color: var(--brand-secondary-color);
  --base-link-hover-color: var(--brand-secondary-dark-color);
  --public-page-padding: 0;
  --public-mobile-page-padding: 0;
  --component-padding: 30px;
  --page-content-max-width: 1500px;
  --component-border-radius: 1rem;
  --checkbox-border-radius: 3px;
  --border-radius: var(--component-border-radius);
  --upload-dropzone-border-radius: var(--component-border-radius) !important;
  --action--border-radius: var(--component-border-radius);
  --uigroup--border-radius: 2rem;
  --shadow: 0px 3px 6px #00000029;
  --component-shadow: var(--shadow);
  --toolbar-box-shadow: 0 2px 5px #0000001a;
  --chat--color-primary: var(--brand-primary-color) !important;
  --chat--header--background: var(--chat--color-primary) !important;
  --chat--toggle--hover--background: var(--primary-700) !important;
  --chat--toggle--active--background: var(--primary-700) !important;
  --chat--color--primary: var(--brand-primary-color) !important;
}

h1,
.h1 {
  font-size: 44px;
  font-weight: var(--base-weight-bold);
  color: var(--brand-primary-color);
}

h2,
.h2 {
  font-size: 34px;
  font-weight: var(--base-weight-normal);
  color: var(--brand-primary-color);
}

h3,
.h3 {
  font-size: 22px;
  font-weight: var(--base-weight-bold);
  color: var(--brand-secondary-color);
}

h4,
.h4 {
  font-size: 20px;
  font-weight: var(--base-weight-bold);
  color: var(--brand-primary-color);
}

h5,
.h5 {
  font-size: 18px;
  font-weight: var(--base-weight-semibold);
  color: var(--brand-secondary-color);
}

body {
  font-size: 18px;
}

html {
  font-family: "Urbanist", sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Urbanist", sans-serif;
}
.sk-message[data-type=INFO] .h1,
.sk-message[data-type=INFO] .h2,
.sk-message[data-type=INFO] .h3,
.sk-message[data-type=INFO] .h4,
.sk-message[data-type=INFO] .h5,
.sk-message[data-type=INFO] .h6,
.sk-message[data-type=INFO] h1,
.sk-message[data-type=INFO] h2,
.sk-message[data-type=INFO] h3,
.sk-message[data-type=INFO] h4,
.sk-message[data-type=INFO] h5,
.sk-message[data-type=INFO] h6 {
  color: var(--info-font-color);
}
.sk-message[data-type=SUCCESS] .h1,
.sk-message[data-type=SUCCESS] .h2,
.sk-message[data-type=SUCCESS] .h3,
.sk-message[data-type=SUCCESS] .h4,
.sk-message[data-type=SUCCESS] .h5,
.sk-message[data-type=SUCCESS] .h6,
.sk-message[data-type=SUCCESS] h1,
.sk-message[data-type=SUCCESS] h2,
.sk-message[data-type=SUCCESS] h3,
.sk-message[data-type=SUCCESS] h4,
.sk-message[data-type=SUCCESS] h5,
.sk-message[data-type=SUCCESS] h6 {
  color: var(--success-font-color);
}
.sk-message[data-type=WARNING] .h1,
.sk-message[data-type=WARNING] .h2,
.sk-message[data-type=WARNING] .h3,
.sk-message[data-type=WARNING] .h4,
.sk-message[data-type=WARNING] .h5,
.sk-message[data-type=WARNING] .h6,
.sk-message[data-type=WARNING] h1,
.sk-message[data-type=WARNING] h2,
.sk-message[data-type=WARNING] h3,
.sk-message[data-type=WARNING] h4,
.sk-message[data-type=WARNING] h5,
.sk-message[data-type=WARNING] h6 {
  color: var(--warning-font-color);
}
.sk-message[data-type=ERROR] .h1,
.sk-message[data-type=ERROR] .h2,
.sk-message[data-type=ERROR] .h3,
.sk-message[data-type=ERROR] .h4,
.sk-message[data-type=ERROR] .h5,
.sk-message[data-type=ERROR] .h6,
.sk-message[data-type=ERROR] h1,
.sk-message[data-type=ERROR] h2,
.sk-message[data-type=ERROR] h3,
.sk-message[data-type=ERROR] h4,
.sk-message[data-type=ERROR] h5,
.sk-message[data-type=ERROR] h6 {
  color: var(--error-font-color);
}

p {
  font-size: 18px;
  margin: 0;
}

.p-focus,
.sk-focus,
:focus {
  --focus-color: transparent;
}

[data-device-resolution=mobile].sk-app {
  background-color: var(--page-bg-color) !important;
}

/* LOGIN */
.sk-app[data-app-type=um][data-login=true] {
  --button-bg-color: var(--brand-secondary-color);
  --login-box-border-radius: 4rem;
  --button-font-color: var(--dark-primary-color);
  --button-border-radius: var(--component-border-radius);
  --button-hover-bg-color: var(--brand-secondary-dark-color);
  --button-hover-font-color: var(--dark-primary-color);
  --login-box-bg-color: white;
  --login-box-border-radius: 4rem;
  --base-font-size: 1.8rem;
}
.sk-app[data-app-type=um][data-login=true] .sk-auth {
  left: 50%;
  top: 50%;
  margin: 0;
  position: absolute;
  transform: translate(-50%, -50%);
}
.sk-app[data-app-type=um][data-login=true] .sk-auth .sk-auth-content {
  padding: 4rem 0;
}
.sk-app[data-app-type=um][data-login=true] .sk-auth .sk-language {
  right: 3rem;
  top: 3rem;
}
.sk-app[data-app-type=um][data-login=true] .sk-auth .sk-language .p-dropdown-label {
  font-size: var(--base-font-size);
  font-weight: 400;
}
.sk-app[data-app-type=um][data-login=true] .sk-auth-logo {
  margin-top: 4rem;
  max-width: 325px;
  position: relative;
  left: 0;
  top: 0;
}
.sk-app[data-app-type=um][data-login=true] .sk-auth-logo img {
  width: 100%;
}
.sk-app[data-app-type=um][data-login=true] .sk-auth-form {
  max-width: 348px;
  min-width: 348px;
  margin: 0 auto;
}
.sk-app[data-app-type=um][data-login=true] .sk-auth-link {
  margin-bottom: 0rem;
  margin-top: -1rem;
}
.sk-app[data-app-type=um][data-login=true] input {
  appearance: none;
  -webkit-appearance: none;
}
.sk-app[data-app-type=um][data-login=true] .sk-attr {
  width: 100%;
}
.sk-app[data-app-type=um][data-login=true] .sk-auth-error {
  margin-block: 1rem;
}
.sk-app[data-app-type=um][data-login=true] .sk-auth-link {
  font-size: var(--base-font-size);
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: var(--base-font-color) !important;
  background-color: white;
  transition: background-color 9999s ease-in-out 0s;
  font-size: 1.8rem !important;
  font-size-adjust: none;
}

/* TOOLBAR */
:root {
  --toolbar-icon-hover-bg-color: rgba(255,255,255,0.2);
  --toolbar-min-height: 9rem;
}

nav.sk-toolbar {
  --toolbar-bg-color: url(/resources/definition/generic/Resources/en/us/Tinubu-innoveo-background-gradient@2x.webp);
  --toolbar-icon-color: white;
  --toolbar-icon-bg-color: transparent;
  --toolbar-border-width: 0;
  --toolbar-box-shadow: none;
  background-position: center top;
  background-size: cover;
}
nav.sk-toolbar .sk-toolbar-content {
  height: var(--toolbar-min-height);
}
nav.sk-toolbar :is(a:hover) {
  --base-font-color: white;
  --toolbar-icon-bg-color: var(--toolbar-icon-hover-bg-color);
}
nav.sk-toolbar .sk-logos {
  max-width: 165px;
}

.sk-top-bar {
  box-shadow: none;
}

.sk-toolbar-menu {
  --nav-menu-bg-color: transparent;
  --menu-item-font-color: white;
  --menu-item-border-radius: 3.4rem;
  --menu-item-font-weight: 400;
  --menu-item-hovered-bg-color: var(--toolbar-icon-hover-bg-color);
  --menu-item-hovered-font-color: white;
  --menu-item-selected-bg-color: var(--brand-secondary-color);
  --menu-item-selected-font-color: var(--brand-primary-color);
}
.sk-toolbar-menu .sk-nav-zones {
  gap: 1rem;
}
.sk-toolbar-menu .sk-nav-zones .sk-nav-zones-item {
  font-size: 2rem;
}
.sk-toolbar-menu .sk-nav-zones .sk-nav-zones-item.sk-zone--active {
  --menu-item-hovered-font-color: var(--brand-primary-color);
}
.sk-toolbar-menu .sk-nav-zones .sk-nav-zones-item > a {
  align-items: center;
  display: flex;
  max-height: 4.8rem;
  padding: 1.2rem 2.2rem;
}

/* MENU */
:root {
  --menu-item-border-radius: 22px;
  --menu-item-font-color: var(--brand-primary-color);
  --menu-item-selected-font-color: var(--brand-primary-color);
}

@media (max-width: 768px) {
  [data-menu-expanded=true] .sk-nav[data-vertical=true] {
    top: 35px;
  }
  [data-menu-expanded=true][data-device-resolution=mobile] .sk-toolbar {
    z-index: 1002;
  }
  [data-menu-expanded=true][data-device-resolution=mobile] .sk-toolbar .sk-logos {
    display: none;
  }
}
.sk-nav-zones-item > a {
  padding: 12px 22px;
}
.sk-nav-zones-item > a .sk-zone-text {
  line-height: 1.2;
  font-size: 16px;
}

li#sk-zone-ProcessZone {
  display: none;
}

ul.sk-nav-zones:has(li#sk-zone-ProcessZone.sk-zone--active) li#sk-zone-Products {
  --menu-item-bg-color: var(--menu-item-selected-bg-color);
  --menu-item-font-color: var(--menu-item-selected-font-color);
  --menu-item-font-weight: var(--menu-item-selected-font-weight);
  --menu-item-border-color: var(--menu-item-selected-border-color);
}

/* FOOTER PUBLIC */
:root {
  --footer-public-bg-color: var(--brand-dark-font-color);
}

/*PROCESS*/
:root {
  --process-inner-horizontal-space: 1.5rem;
}

.sk-zone[data-has-process=true] .sk-dashboard-row-content {
  --page-content-max-width: 85vw;
}
.sk-zone[data-has-process=true]:has(.sk-process-header) {
  --zone-padding: 3rem;
}

.sk-process .sk-process-form {
  padding: 0 0 2rem;
}

/* PROCESS LAYOUT PUBLIC */
/*PROCESS ZONE*/
/************************************************************************/
#sk-app[data-zone-active=ProcessZone][data-channel=public] {
  --nav-public-font-color: var(--brand-primary-color);
  --nav-public-item-bg-color: transparent;
  --nav-public-item-selected-bg-color: var(--brand-primary-color);
  --nav-public-item-selected-font-color: white;
  --nav-public-item-selected-border-color: var(--brand-primary-color);
  --toolbar-public-icon-color: var(--brand-primary-color);
}
#sk-app[data-zone-active=ProcessZone][data-channel=public] #sk-user {
  position: absolute;
  top: 13px;
  right: 0;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public] .row .sk-comp > div {
  padding: 0;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess] .sk-zone {
  background-position: 750px 165px;
  background-repeat: no-repeat;
  background-size: auto;
}
@media (min-width: 1500px) {
  #sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess] .sk-zone {
    background-position: 1060px 165px;
  }
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:BuildingInfo"] .sk-zone {
  background-image: url("/resources/definition/generic/Resources/en/us/INNOVEO_insurance_house_s.png");
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:Commute"] .sk-zone {
  background-image: url("/resources/definition/generic/Resources/en/us/INNOVEO_insurance_car_s.png");
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:Smoking"] .sk-zone {
  background-image: url("/resources/definition/generic/Resources/en/us/INNOVEO_insurance_family_s.png");
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess] .sk-page {
  background-image: url("/resources/definition/generic/Resources/en/us/bg-risk-assessment.png");
  background-position: 800px 0;
  background-repeat: no-repeat;
  background-size: auto;
}
@media (min-width: 1500px) {
  #sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess] .sk-page {
    background-position: 1200px 0;
  }
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess] .sk-page .sk-process .sk-progress-bar {
  margin-left: 45px;
  margin-right: 0;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:ProcessingData"] {
  --nav-public-font-color: white;
  --nav-public-item-bg-color: transparent;
  --nav-public-item-selected-bg-color: white;
  --nav-public-item-selected-font-color: var(--brand-primary-color);
  --nav-public-item-selected-border-color: transparent;
  background-image: url("/resources/definition/generic/Resources/en/us/INNOVEO_DEMO_background_waiting.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:ProcessingData"] .sk-zone {
  background-image: none;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:ProcessingData"] .sk-page {
  background-image: none;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:ProcessingData"] .sk-process {
  width: 100% !important;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:ProcessingData"] .sk-process .sk-progress-bar {
  display: none !important;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:ProcessingData"] .sk-process button#sk-RiskAssessmentProcess-ProcessingData-0 {
  display: none;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:ProcessingData"] #sk-CustomerObject-Messages-CompletionMessages-RiskAssessmentCompletionMessage #sk-loading-message img {
  width: 300px;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:ProcessingData"] #sk-CustomerObject-Messages-CompletionMessages-RiskAssessmentCompletionMessage #sk-loading-message figure:first-child img {
  width: 200px;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:Confirmation"] {
  --nav-public-font-color: white;
  --nav-public-item-bg-color: transparent;
  --nav-public-item-selected-bg-color: white;
  --nav-public-item-selected-font-color: var(--brand-primary-color);
  --nav-public-item-selected-border-color: transparent;
  background-image: url("/resources/definition/generic/Resources/en/us/INNOVEO_DEMO_inn_banner.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:Confirmation"] .sk-zone {
  background-image: none;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:Confirmation"] .sk-page {
  background-image: none;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:Confirmation"] .sk-process {
  width: 100% !important;
  padding-top: 220px;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public][data-process-id=RiskAssessmentProcess][data-process-step-id="RiskAssessmentProcess:Confirmation"] .sk-process .sk-progress-bar {
  display: none !important;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public] .sk-process .sk-process-header-content {
  margin-left: 45px;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public] .sk-process .sk-progress-bar {
  margin-left: 45px;
  margin-right: 610px;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public] .sk-process#sk-process-RiskAssessmentProcess {
  width: 820px;
}
#sk-app[data-zone-active=ProcessZone][data-channel=public] .sk-process#sk-process-CreateMotorQuoteProcessPublic .sk-uigroup--right-bg > .sk-uigroup-content:after {
  background-image: url("/resources/definition/generic/Resources/en/us/INNOVEO_insurance_car_s_v2.png");
}
#sk-app[data-zone-active=ProcessZone][data-channel=public] .sk-process#sk-process-CreateHomeQuotePublicProcess .sk-uigroup--right-bg > .sk-uigroup-content:after {
  background-image: url("/resources/definition/generic/Resources/en/us/INNOVEO_insurance_house_s_v2.png");
}
#sk-app[data-zone-active=ProcessZone][data-channel=public] .sk-process#sk-process-CreateLifeQuotePublicProcess .sk-uigroup--right-bg > .sk-uigroup-content:after {
  background-image: url("/resources/definition/generic/Resources/en/us/INNOVEO_insurance_family_s_v2.png");
}

/* PROCESS ATTRIBUTE */
.sk-attr {
  justify-content: space-between;
  --attr-min-height: 5.6rem;
  --input-font-size: var(--base-font-size);
  --input-font-color: var(--base-font-color);
  --input-font-weight: var(--base-weight-bold);
  --input-disabled-bg-color: var(--page-bg-color);
  --input-placeholder-font-color: var(--base-font-color);
  --input-read-only-font-color: var(--base-font-color);
  --input-read-only-font-weight: var(--base-weight-bold);
  --input-read-only-padding: 1.4rem;
  --input-read-only-bg-color: var(--page-bg-color);
  --input-icon-color: var(--brand-primary-color);
  --input-border-color: var(--grey-text);
  --input-border-width: 1px;
  --input-border-radius: 6px;
  --input-hover-border-color: var(--brand-primary-color);
  --input-hover-border-width: 1px;
  --input-focus-border-width: 1px;
  --label-font-size: 16px;
  --label-font-weight: var(--base-weight-normal);
}

.sk-column-list:has(.sk-attr[data-error=true]) .sk-attr {
  justify-content: start;
}

.sk-attr[data-readonly=true] .sk-field > span {
  background-color: var(--input-read-only-bg-color);
  border-color: var(--input-border-color);
  border-radius: var(--input-border-radius);
  border-style: solid;
  border-width: var(--input-border-width);
  line-height: var(--input-line-height);
  margin: 0;
  min-height: var(--attr-min-height);
  min-width: 120px;
  padding: var(--input-read-only-padding);
  width: 100%;
}

.sk-attr[data-disabled=true] .sk-field .sk-input {
  background-color: var(--input-disabled-bg-color);
}

.poc-center-align-attr .sk-label, .poc-center-align-attr .sk-option-list {
  justify-content: center;
}

/* PROCESS ATTRIBUTE: CHARTS */
:root {
  --progress-wheel-outer-size: 150px;
  --progress-wheel-inner-size: 110px;
  --progress-wheel-outer-border-color: var(--primary-50);
}

.chart-container {
  align-items: stretch;
  justify-content: space-between;
}
.chart-container > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.chart-container canvas {
  height: 100px !important;
  width: 200px !important;
}
.chart-container h2 {
  font-size: 50px;
  font-weight: var(--base-weight-bold);
  margin-bottom: 0;
}
.chart-container span {
  font-size: 20px;
  font-weight: var(--base-weight-normal);
}

.sk-html.sk-comp:has(.chart-container) {
  margin-top: 40px;
  margin-bottom: 75px;
}

/* PROCESS ATTRIBUTE: MESSAGE */
:root {
  --message-border-radius: 10px;
  --message-content-padding: 30px 30px 30px 65px;
}

.sk-attr.sk-message[data-icon=true] .sk-message-icon {
  margin-left: -5rem;
  top: 50%;
  transform: translateY(-50%);
}

/* PROCESS ATTRIBUTE: RADIO CHECKBOX AS BOX */
.sk-process .sk-attr.sk-option--box .sk-option-item img {
  width: 100px;
  height: 100px;
}
.sk-process .sk-attr.sk-checkbox[data-disabled=true] label {
  --option-font-color: var(--disabled-grey-color);
}

/* PROCESS ATTRIBUTE: RADIO CHECKBOX AS BUTTON */
.sk-attr.sk-option--button[data-component-type=RADIO] {
  --option-button-selected-border-color: var(--light-grey-color);
  --option-button-selected-bg-color: var(--brand-primary-color);
  --option-button-selected-font-color: white;
  --option-button-min-width: 9rem;
  --option-button-border-color: var(--brand-primary-color);
  --option-button-border-radius: var(--input-border-radius);
  --option-button-border-width: 1px;
  --option-button-hovered-border-color: var(--brand-primary-color);
  --option-font-weight: 400;
  --option-font-size: var(--base-font-size);
  --radio-disabled-selected-border-color: var(--disabled-selected);
  --radio-disabled-selected-icon-color: var(--disabled-selected);
}
.sk-attr.sk-option--button[data-component-type=RADIO] .sk-option-item[data-selected=true] {
  --radio-selected-border-color: var(--reverse-font-color);
  --radio-selected-icon-color: var(--reverse-font-color);
}
.sk-attr.sk-option--button[data-component-type=RADIO] .sk-option-item[data-selected=true] span {
  --option-font-weight: 600;
}

.sk-attr[data-component-type=CHECKBOX] .sk-option-item[data-selected=true][data-disabled=true] {
  --checkbox-disabled-selected-bg-color: var(--disabled-selected);
}
.sk-attr[data-component-type=CHECKBOX] .sk-option-item[data-selected=true][data-disabled=true] .p-checkbox-box {
  --checkbox-disabled-border-color: var(--disabled-selected);
}

/* PROCESS ATTRIBUTE: RADIO CHECKBOX AS CARD */
.sk-process #sk-RiskAssessmentProcessConfirmationUI1-FieldsetGroup1-SuggestedProducts > .sk-uigroup-item-content > .sk-column-list {
  justify-content: center;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card {
  max-width: 400px;
  margin: 10px;
  padding: 0;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card .risky-1 progress::-webkit-progress-value {
  background: green !important;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card .risky-2 progress::-webkit-progress-value {
  background: orange !important;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card .risky-3 progress::-webkit-progress-value {
  background: red !important;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card figure {
  width: 130px;
  margin: 0 auto;
  margin-top: -65px;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card label > span span:before {
  display: none !important;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card .sk-option-item {
  width: 100% !important;
  padding: 0;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card progress {
  height: 0.6rem;
  border-radius: 5px;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card progress::-webkit-progress-bar {
  border-radius: 5px;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card progress::-webkit-progress-value {
  background: green;
  border-radius: 5px;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card input + label {
  padding: 40px 30px;
  background: #f5f5f5;
  border-radius: 5px;
  min-height: 750px;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card input + label:before {
  top: 10px !important;
  left: auto !important;
  right: 25px !important;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card input + label > span:before {
  top: 15px !important;
  left: auto !important;
  right: 30px !important;
  color: greenyellow !important;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card input:checked + label {
  background: var(--brand-primary-color);
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card input:checked + label > span:before {
  top: 14px !important;
  left: auto !important;
  right: 35px !important;
  font-size: 2rem;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card input:checked + label * {
  color: var(--reverse-font-color) !important;
}
.sk-process .sk-attr.sk-attr--option.sk-attr--card input:checked:focus {
  top: 14px;
}

/* PROCESS ATTRIBUTE: RADIO CHECKBOX AS GRAPHICAL */
.sk-option--graphical span[data-selected=true] label .sk-input-radio.sk-input-option {
  --radio-icon-size: 12px;
}
.sk-option--graphical[data-disabled=false] span[data-selected=false] {
  --graphical-font-color: var(--brand-primary-color);
}
.sk-option--graphical[data-disabled=false] span[data-selected=false] label {
  border: 1px solid var(--brand-primary-color);
}
.sk-option--graphical[data-disabled=false] span[data-selected=false] label .sk-input-radio.sk-input-option {
  --radio-loading-color: var(--brand-primary-color) !important;
}
.sk-option--graphical .p-disabled {
  opacity: 1;
}
.sk-option--graphical[data-disabled=true] span[data-selected=true] {
  --graphical-disabled-selected-bg-color: var(--disabled-selected);
  --graphical-disabled-border-color: var(--disabled-selected);
  --radio-disabled-selected-bg-color: var(--disabled-selected);
}
.sk-option--graphical[data-disabled=true] span[data-selected=false] {
  --graphical-disabled-bg-color: var(--page-bg-color);
  --graphical-disabled-border-color: var(--disabled-grey-color);
  --radio-disabled-bg-color: var(--page-bg-color);
  --graphical-disabled-font-color: var(--disabled-grey-color);
}
.sk-option--graphical[data-disabled=true] span[data-selected=false] label {
  border-width: 1px;
}

.sk-process .sk-attr.sk-option--graphical .sk-option-item input + label {
  padding: 5px;
}

/* PROCESS ATTRIBUTE: RESOURCE UPLOAD */
.sk-attr.sk-resource {
  --button-bg-color: var(--brand-secondary-color);
  --button-font-color: var(--dark-primary-color);
}

/* PROCESS ATTRIBUTE: SELECT */
.sk-attr.sk-dropdown .sk-field .sk-dropdown-select {
  min-height: var(--attr-min-height);
  align-items: center;
  border: 1px solid var(--input-border-color);
  border-radius: var(--input-border-radius);
}

.p-dropdown .p-dropdown-label .sk-dropdownlist-option-label {
  font-weight: var(--base-weight-bold);
  font-size: var(--input-font-size);
}

/* PROCESS ATTRIBUTE: SLIDER */
.sk-slider--icon .sk-mandatory,
.sk-slider--icon .sk-slider-value,
.sk-slider--icon .rc-slider-mark {
  display: none !important;
}
.sk-slider--icon img {
  min-height: 140px;
  background-position: center;
  background-repeat: no-repeat;
}
.sk-slider--icon#sk-RiskAssessment-Assessment-AreaSize img {
  background-image: url("https://skyetest03.innoveo.com/resources/definition/generic/CustomerObject/en/us/DEMO-icons_area_02.svg");
}
.sk-slider--icon#sk-RiskAssessment-Assessment-ExercisingFrequency img {
  background-image: url("https://skyetest03.innoveo.com/resources/definition/generic/CustomerObject/en/us/DEMO-icons_exercise_01.svg");
}
.sk-slider--icon#sk-RiskAssessment-Assessment-SmokingFrequency img {
  background-image: url("https://skyetest03.innoveo.com/resources/definition/generic/CustomerObject/en/us/DEMO-icons_cigarettes_00.svg");
}

/* PROCESS: BUTTONS */
.button.sk-button {
  --button-border-radius: var(--action--border-radius);
  --button-font-weight: 700;
}
.button.sk-button:is([data-style=NEXT], [data-style=BACK]):is(:hover, :focus) {
  background-color: var(--brand-secondary-dark-color);
  color: var(--dark-primary-color);
  border-color: var(--brand-secondary-dark-color);
}
.button.sk-button:is([data-style=ACTION], :not([data-style])) {
  background-color: var(--brand-secondary-color);
  color: var(--dark-primary-color);
  border-color: var(--brand-secondary-color);
}
.button.sk-button:is([data-style=ACTION], :not([data-style])):is(:hover, :focus) {
  background-color: var(--brand-secondary-dark-color);
  color: var(--dark-primary-color);
  border-color: var(--brand-secondary-dark-color);
}
.button.sk-button.button-cancel {
  background-color: transparent;
  color: var(--error-color);
  border-color: var(--error-color);
  --button-outline-border-width: 0.5px;
  padding-inline: 1.5rem;
}
.button.sk-button.button-cancel:is(:hover, :focus) {
  background-color: var(--error-color);
  color: white;
  border-color: var(--error-color);
}
.button.sk-button.button-cancel i {
  display: none;
}
.button.sk-button.button-positive {
  background-color: var(--success-color);
  color: white;
  border-color: var(--success-color);
}
.button.sk-button.button-positive:is(:hover, :focus) {
  background-color: var(--success-color);
  color: white;
  border-color: var(--success-color);
}
.button.sk-button.button-negative {
  background-color: var(--error-color);
  color: white;
  border-color: var(--error-color);
}
.button.sk-button.button-negative:is(:hover, :focus) {
  background-color: var(--error-color);
  color: white;
  border-color: var(--error-color);
}

.sk-button[data-style=ACTION].poc-secondary-button {
  background-color: var(--button-outline-bg-color);
  border-color: var(--button-outline-border-color);
  border-style: solid;
  border-width: var(--button-outline-border-width);
  color: var(--button-outline-font-color);
}
.sk-button[data-style=ACTION].poc-secondary-button:hover {
  background-color: var(--button-outline-hover-bg-color);
  border-color: var(--button-outline-hover-border-color);
  box-shadow: var(--button-shadow);
  color: var(--button-outline-hover-font-color);
}

/* PROGRESS BAR */
:root {
  --progress-bar-bg-color: var(--page-bg-color);
  --progress-bar-header-bg-color: var(--page-bg-color);
}

/* PROCESS STICKY BAR */
.sk-sticky-bar .sk-attr {
  padding: 0;
}
.sk-sticky-bar ul.sk-list--split-vertical li, .sk-sticky-bar ul[data-type=horizontal] li {
  padding: 0;
}

/* PROCESS UI GROUPS */
:root {
  --uigroup-header-font-size: 2rem;
  --uigroup-header-font-color: var(--brand-primary-color);
  --tab-bg-color: var(--page-bg-color);
  --tab-font-color: var(--brand-primary-color);
  --tab-border-radius: 1rem 1rem 0 0;
  --tab-border-width: 0;
  --tab-padding: 1.5rem 2rem;
  --tab-active-bg-color: white;
  --tab-active-font-color: var(--brand-primary-color);
}

.p-dialog {
  max-height: 75vh;
  min-width: 75vw;
}

/* PROCESS UI GROUPS: FIELDSETS */
.sk-fieldset.sk-uigroup {
  background-color: white;
  box-shadow: var(--shadow);
  border-radius: var(--component-border-radius);
  margin-bottom: 40px;
}

/* PROCESS UI GROUPS: MULTIBRICKS */
.sk-multi-brick-link--add.expanded {
  width: auto;
}

.sk-multi-brick.sk-uigroup .sk-uigroup-item.sk-multi-brick-item {
  padding: 0;
}
.sk-multi-brick.sk-uigroup .sk-uigroup-item.sk-multi-brick-item .sk-uigroup-item-header {
  margin-top: var(--process-inner-vertical-space);
}
.sk-multi-brick.sk-uigroup .sk-uigroup-item.sk-multi-brick-item.sk-uigroup--with-remove .sk-column-list {
  width: calc(100% - 4rem);
}

/* PROCESS UI GROUPS: PANELS */
:root {
  --panel-content-bg-color: var(--page-bg-color);
  --panel-content-border-color: var(--brand-primary-color);
  --panel-header-bg-color: var(--brand-primary-color);
  --panel-header-font-color: var(--brand-primary-text-color);
  --panel-header-border-color: var(--brand-primary-color);
  --panel-header-border-radius: 1rem;
  --panel-header-active-bg-color: var(--brand-primary-color);
  --panel-header-active-font-color: var(--brand-primary-text-color);
  --panel-header-border-width: 0px;
}

.sk-panel.sk-uigroup .p-accordion-tab {
  margin-bottom: 0 !important;
}
.sk-panel.sk-uigroup .p-accordion-tab .p-accordion-header {
  margin-top: 0 !important;
}
.sk-panel.sk-uigroup .p-accordion-tab .p-accordion-header .p-accordion-header-link, .sk-panel.sk-uigroup .p-accordion-tab .p-accordion-header .p-accordion-header-link:hover {
  border-radius: var(--panel-header-border-radius) !important;
}
.sk-panel.sk-uigroup .p-accordion-tab.p-accordion-tab-active:not(:last-of-type) {
  margin-bottom: 20px !important;
}
.sk-panel.sk-uigroup .p-accordion-tab .p-accordion-content {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

/* PROCESS UI GROUPS: TABS */
:root {
  --tab-padding: 1.5rem 1rem;
  --tab-content-bg-color: transparent;
  --tab-active-bg-color: transparent;
  --tabgroup-bg-color: white;
  --tab-bg-color: white;
  --tab-font-color: var(--black);
  --tab-border-radius: var(--component-border-radius);
}

.sk-tabgroup .sk-uigroup-content .p-tabview.p-component .p-tabview-nav-container .p-tabview-nav-content ul {
  border-radius: var(--component-border-radius);
  box-shadow: var(--shadow);
  margin: 0 1rem 1rem 1rem;
  align-items: flex-start;
}
.sk-tabgroup .sk-uigroup-content .p-tabview.p-component .p-tabview-nav-container .p-tabview-nav-content ul li {
  flex: 1;
}
.sk-tabgroup .sk-uigroup-content .p-tabview.p-component .p-tabview-nav-container .p-tabview-nav-content ul li.p-tabview-selected a {
  --tab-padding: 1.5rem 1rem 0 1rem;
  border-bottom: 3px solid var(--tab-active-font-color);
}
.sk-tabgroup .sk-uigroup-content .p-tabview.p-component .p-tabview-nav-container .p-tabview-nav-content ul li.p-tabview-selected span {
  text-shadow: var(--shadow);
}
.sk-tabgroup .sk-uigroup-content .p-tabview.p-component .p-tabview-nav-container .p-tabview-nav-content ul li.p-tabview-ink-bar {
  display: none;
}
.sk-tabgroup .sk-uigroup-content .p-tabview.p-component .p-tabview-nav-container .p-tabview-nav-content ul li:hover a {
  color: var(--tab-active-font-color);
}
.sk-tabgroup .sk-uigroup-content .p-tabview.p-component .p-tabview-panels {
  background: transparent;
  margin: 0 1rem;
}

/* COMPONENTS */
.sk-comp .sk-comp-title {
  margin: 75px 0 40px;
}

/* COMPONENT AUTOSEARCH */
.sk-autosearch {
  --autosearch-tab-border-radius: 10px 10px 0 0;
  --autosearch-panel-shadow: var(--shadow);
  --autosearch-panel-border-radius: var(--border-radius);
  --focus-color: transparent;
  --pagination-color: #00000026;
  --pagination-shadow: 0 0 5px var(--pagination-color);
  --base-link-color: var(--brand-primary-color);
  --autosearch-tab-font-color: var(--brand-primary-color);
}

.sk-autosearch .sk-autosearch-tab-panel, .sk-autosearch[data-tabs-count="1"] .sk-autosearch-tab-panel {
  box-shadow: var(--autosearch-panel-shadow) !important;
}

.sk-autosearch .p-tabview-panels {
  border-bottom-left-radius: var(--autosearch-panel-border-radius);
  border-bottom-right-radius: var(--autosearch-panel-border-radius);
  border-top-right-radius: var(--autosearch-panel-border-radius);
}
.sk-autosearch .p-tabview-panels:has(.p-tabview-panel:not([aria-labelledby$=_0])) {
  border-top-left-radius: var(--autosearch-panel-border-radius);
}
.sk-autosearch .p-tabview-panels .sk-autosearch-tab-panel {
  border-radius: var(--autosearch-panel-border-radius);
  padding: 30px;
}
.sk-autosearch .p-tabview-panels .sk-autosearch-tab-panel .p-datatable-header {
  padding: 0;
}

.sk-autosearch .p-tabview-selected.sk-autosearch-tab--active {
  --autosearch-tab-shadow: var(--shadow);
}
.sk-autosearch .p-tabview.p-component .p-tabview-nav .p-tabview-ink-bar {
  display: none;
}
.sk-autosearch .p-datatable-thead > tr > th, .sk-autosearch .p-datatable-thead > tr > th .p-sortable-column-icon {
  color: var(--base-font-color);
}
.sk-autosearch .p-datatable-thead > tr > th:not(.p-highlight), .sk-autosearch .p-datatable-thead > tr > th .p-sortable-column-icon:not(.p-highlight) {
  font-weight: var(--base-weight-normal);
}

.sk-autosearch .p-datatable .p-paginator .p-paginator-pages .p-paginator-page.p-highlight, .sk-autosearch .p-datatable .p-paginator .p-paginator-pages .p-paginator-page.p-highlight:focus {
  --focus-color: var(--pagination-color);
  background: transparent;
  font-weight: var(--base-weight-bold);
  box-shadow: var(--pagination-shadow) !important;
}

.sk-autosearch .p-datatable th:not(:first-of-type) .p-column-header-content {
  justify-content: center;
}
.sk-autosearch td[role=cell]:not(:first-of-type) div {
  display: flex;
  justify-content: center;
  gap: 16px;
  text-align: center;
}

.mga-uwcomments .sk-autosearch-content .p-datatable-header {
  display: none;
}
.mga-uwcomments .sk-autosearch-content .p-datatable-table .p-datatable-thead {
  display: none;
}
.mga-uwcomments .sk-autosearch-content .p-datatable-table .sk-note-created-by-at {
  display: flex;
  justify-content: space-between;
}
.mga-uwcomments .sk-autosearch-content .p-datatable-table .sk-note-created-by-at .sk-note-created-by, .mga-uwcomments .sk-autosearch-content .p-datatable-table .sk-note-created-by-at .sk-note-created-at {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  color: var(--brand-primary-color);
  font-weight: var(--base-weight-bold);
  font-size: 16px;
}
.mga-uwcomments .sk-autosearch-content .p-datatable-table .sk-note-created-by-at .sk-note-created-by i, .mga-uwcomments .sk-autosearch-content .p-datatable-table .sk-note-created-by-at .sk-note-created-at i {
  color: var(--brand-secondary-color);
}
.mga-uwcomments .sk-autosearch-content .p-datatable-table .sk-note-text {
  margin: 1rem 0;
}

/* COMPONENT: CAROUSEL */
:root {
  --model-selector-tab-panel-bg-color: transparent;
  --basic-card-body-bg-color: var(--brand-primary-color);
  --basic-card-header-font-color: var(--reverse-font-color);
}

.sk-basic-card[data-as-bg=true] .sk-basic-card-content {
  margin: 6rem -2rem -1rem 0rem;
  border-radius: 10px 0 0;
}

.sk-model-carousel.sk-comp {
  --focus-color: transparent;
}
.sk-model-carousel.sk-comp .sk-model-carousel-tab-panel {
  padding: 0;
}
.sk-model-carousel.sk-comp .sk-model-carousel-tab-panel .sk-model-carousel-category.sk-model-with-horizontal-arrows {
  padding: 0;
}
.sk-model-carousel.sk-comp .sk-model-carousel-tab-panel .sk-model-carousel-category.sk-model-with-horizontal-arrows .slick-slider.slick-initialized {
  background-color: var(--reverse-bg-color);
  box-shadow: var(--shadow);
  border-radius: var(--component-border-radius);
  padding: 0 1.5rem;
  margin: 0;
}
.sk-model-carousel.sk-comp .sk-model-carousel-tab-panel .sk-model-carousel-category.sk-model-with-horizontal-arrows .slick-slider.slick-initialized .slick-arrow.slick-prev {
  left: 15px;
  box-shadow: var(--shadow);
}
.sk-model-carousel.sk-comp .sk-model-carousel-tab-panel .sk-model-carousel-category.sk-model-with-horizontal-arrows .slick-slider.slick-initialized .slick-arrow.slick-next {
  right: 15px;
  box-shadow: var(--shadow);
}
.sk-model-carousel.sk-comp .sk-model-carousel-tab-panel .sk-model-carousel-category.sk-model-with-horizontal-arrows .slick-slider.slick-initialized .sk-model {
  margin: 3rem 1.5rem;
}
.sk-model-carousel.sk-comp .sk-model-carousel-tab-panel .sk-model-carousel-category.sk-model-with-horizontal-arrows .slick-slider.slick-initialized .sk-model .sk-basic-card {
  margin: 0;
  display: flex;
  justify-content: flex-end;
}
.sk-model-carousel.sk-comp .sk-model-carousel-tab-panel .sk-model-carousel-category.sk-model-with-horizontal-arrows .slick-slider.slick-initialized ul.slick-dots {
  bottom: 8px;
  left: 0;
}
.sk-model-carousel.sk-comp .sk-model-carousel-tab-panel .sk-model-carousel-category.sk-model-with-horizontal-arrows .slick-slider.slick-initialized ul.slick-dots li:not(.slick-active) button {
  height: 0.7rem;
  width: 0.7rem;
}

/* COMPONENT FLOATING BUTTON */
i.sk-back-top {
  bottom: calc(var(--chat--window--bottom) + var(--chat--toggle--height) + 2rem);
  right: var(--chat--window--right);
  font-size: 64px;
  padding: 0;
}

.mga-floating-buttons .sk-navigation {
  position: fixed;
  top: 18rem;
  right: var(--chat--window--right);
  margin: 0;
}
.mga-floating-buttons .sk-navigation .sk-button-list {
  flex-direction: column;
}
.mga-floating-buttons .sk-navigation .sk-button-list .sk-button {
  z-index: var(--chat--window--z-index);
  width: var(--chat--toggle--width);
  height: var(--chat--toggle--height);
  border-radius: var(--chat--toggle--border-radius, 50%);
  min-width: unset;
  background-color: var(--chat--toggle--background);
  border-color: var(--chat--toggle--background);
  color: var(--chat--toggle--color);
}
.mga-floating-buttons .sk-navigation .sk-button-list .sk-button i.icon-loading {
  display: none;
}
.mga-floating-buttons .sk-navigation .sk-button-list .sk-button .sk-button-text {
  padding: 0;
}
.mga-floating-buttons .sk-navigation .sk-button-list .sk-button .sk-button-text i {
  font-size: calc(var(--chat--toggle--width) / 2);
}
.mga-floating-buttons .sk-navigation .sk-button-list .sk-button:hover {
  transform: scale(1.05);
  background: var(--chat--toggle--hover--background);
}

/* COMPONENT HTML */
.sk-uigroup-content:has(.poc-info-card) {
  align-items: stretch;
}
.sk-uigroup-content:has(.poc-info-card) .sk-uigroup-item[id$=CustomStickyBar] .sk-uigroup-item-content {
  position: sticky;
  top: 20rem;
}

.sk-html.poc-info-card {
  --component-padding: 2rem;
  padding: 0 !important;
}
.sk-html.poc-info-card .card-header {
  padding: var(--component-padding) var(--component-padding) 1rem var(--component-padding);
  display: flex;
  justify-content: space-between;
  border-top-left-radius: var(--component-border-radius);
  border-top-right-radius: var(--component-border-radius);
}
.sk-html.poc-info-card .card-header h4 {
  margin: 0;
}
.sk-html.poc-info-card .card-header .submission-status {
  font-size: 16px;
}
.sk-html.poc-info-card .card-header .submission-status.status-Green {
  color: var(--success-font-color);
  background-color: var(--success-bg-color);
  border: 1px solid var(--success-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
  padding: 0.6rem;
}
.sk-html.poc-info-card .card-header .submission-status.status-Blue {
  color: var(--info-font-color);
  background-color: var(--info-bg-color);
  border: 1px solid var(--info-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
  padding: 0.6rem;
}
.sk-html.poc-info-card .card-header .submission-status.status-Yellow {
  color: var(--warning-font-color);
  background-color: var(--warning-bg-color);
  border: 1px solid var(--warning-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
  padding: 0.6rem;
}
.sk-html.poc-info-card .card-header .submission-status.status-Red {
  color: var(--error-font-color);
  background-color: var(--error-bg-color);
  border: 1px solid var(--error-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
  padding: 0.6rem;
}
.sk-html.poc-info-card .card-header .submission-status.status- {
  color: var(--warning-font-color);
  background-color: var(--warning-bg-color);
  border: 1px solid var(--warning-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
  padding: 0.6rem;
}
.sk-html.poc-info-card .card-body {
  padding: 1rem var(--component-padding);
  display: flex;
  flex-direction: column;
}
.sk-html.poc-info-card .card-body .card-row {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--brand-primary-lighter-color);
  gap: 0.5rem;
  padding: 0.75rem 0;
}
.sk-html.poc-info-card .card-body .card-row:last-child {
  border-bottom: none;
}
.sk-html.poc-info-card .card-body .card-row .label {
  font-size: 16px;
}
.sk-html.poc-info-card .card-body .card-row .value {
  font-weight: var(--base-weight-bold);
}
.sk-html.poc-info-card .card-body .card-row.dates {
  flex-direction: row;
  justify-content: space-between;
}
.sk-html.poc-info-card .card-body .card-row.dates .effective-date, .sk-html.poc-info-card .card-body .card-row.dates .expiration-date {
  display: flex;
  flex-direction: column;
}
.sk-html.poc-info-card .card-footer {
  display: flex;
  flex-direction: column-reverse;
}
.sk-html.poc-info-card .card-footer .footer-row {
  padding: 0.75rem var(--component-padding);
  display: flex;
  flex-direction: column;
}
.sk-html.poc-info-card .card-footer .footer-row.sub-row {
  background-color: #DFE8ED;
}
.sk-html.poc-info-card .card-footer .footer-row.sub-row .footer-label {
  font-size: 16px;
}
.sk-html.poc-info-card .card-footer .footer-row.sub-row .footer-value {
  font-weight: var(--base-weight-bold);
}
.sk-html.poc-info-card .card-footer .footer-row.total-row {
  cursor: pointer;
  background-color: var(--brand-primary-color);
  color: var(--reverse-font-color);
  border-bottom-right-radius: var(--component-border-radius);
  border-bottom-left-radius: var(--component-border-radius);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.sk-html.poc-info-card .card-footer .footer-row.total-row .total-premium {
  display: flex;
  flex-direction: column;
}
.sk-html.poc-info-card .card-footer .footer-row.total-row .total-premium .footer-label {
  font-size: 20px;
  font-weight: var(--base-weight-bold);
}
.sk-html.poc-info-card .card-footer .footer-row.total-row .total-premium .footer-value {
  font-size: 34px;
  font-weight: var(--base-weight-bold);
}
.sk-html.poc-info-card .card-footer:open .chevron {
  transition: all 0.4s ease-in-out;
  rotate: 180deg;
}
.sk-html.poc-info-card .card-footer:not(:open) .chevron {
  transition: all 0.4s ease-in-out;
  rotate: 0deg;
}

@media screen and (min-width: 0px) {
  .sk-uigroup-content:has(.poc-info-card) {
    align-items: stretch;
  }
  .sk-uigroup-content:has(.poc-info-card) .sk-uigroup-item[id$=CustomStickyBar] .sk-uigroup-item-content {
    position: sticky;
    top: 20rem;
  }
  .sk-attr-htmljs:has(.poc-info-card) {
    padding: 0;
  }
  .sk-attr-htmljs .poc-info-card {
    --status-color: #FFAA00;
    --component-border-radius: 1rem;
    padding: 0;
    margin: 1.5rem 0;
  }
  .sk-attr-htmljs .poc-info-card .sk-html-content {
    border-radius: var(--component-border-radius);
  }
  .sk-attr-htmljs .poc-info-card .submission-card {
    font-size: 1.4rem;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .submission-title {
    padding: 2rem 2rem 0;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .premium-amount,
  .sk-attr-htmljs .poc-info-card .submission-card .submission-id {
    color: var(--brand-primary-color);
    font-size: 2rem;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .submission-section.d-flex {
    justify-content: space-between;
    align-items: center;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .submission-section.section-1 {
    padding: 1rem 2rem;
    border-bottom: 1px solid var(--dark-grey-color);
  }
  .sk-attr-htmljs .poc-info-card .submission-card .submission-section.section-1 .submission-status {
    padding: 0.5rem;
    border-radius: var(--component-border-radius);
    background-color: var(--status-color);
    text-align: center;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .submission-section.section-2:has(.submission-details) {
    padding: 1rem 2rem;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .submission-section.section-2 .premium-info h4 {
    margin: 0;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .submission-section.section-3 {
    padding: 1rem 2rem;
    background-color: var(--dark-grey-color);
  }
}
@media screen and (max-width: 768px) {
  .sk-column-list:has(.poc-info-card) {
    margin: var(--process-inner-vertical-space) var(--process-inner-horizontal-space);
    max-width: -webkit-fill-available;
  }
  .sk-attr-htmljs:has(.poc-info-card) {
    height: auto;
  }
}
@media screen and (max-width: 1400px) {
  .sk-attr-htmljs .poc-info-card .submission-card {
    font-size: 1.2rem;
  }
  .sk-attr-htmljs .poc-info-card .submission-card h4, .sk-attr-htmljs .poc-info-card .submission-card .submission-id, .sk-attr-htmljs .poc-info-card .submission-card .premium-amount {
    font-size: 1.8rem !important;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .d-flex {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .submission-title {
    padding: 1.5rem 1.5rem 0;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .submission-section.section-1 {
    padding: 0.5rem 1.5rem;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .submission-section.section-1 .submission-status {
    padding: 0.25rem;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .submission-section.section-2:has(.submission-details) {
    padding: 0.5rem 1.5rem;
  }
  .sk-attr-htmljs .poc-info-card .submission-card .submission-section.section-3 {
    padding: 0.5rem 1.5rem;
  }
}
@media screen and (min-width: 0px) {
  .poc-DoughnutCharts {
    background-color: transparent;
    box-shadow: none;
  }
  .poc-DoughnutCharts .d-flex {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .poc-DoughnutCharts .sk-adv {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .poc-DoughnutCharts .sk-adv h5 {
    margin: 0 1rem;
  }
  .poc-DoughnutCharts .progress-yellow {
    --progress-wheel-outer-bg-color: #FFEDB5;
    --progress-wheel-outer-border-color: #F1F0DC;
  }
}
@media screen and (max-width: 768px) {
  .poc-DoughnutCharts .sk-adv {
    width: 50%;
  }
}
.poc-allproducts-cards {
  --fa-primary-color: var(--brand-primary-color);
  --fa-secondary-color: var(--brand-primary-color);
  --fa-secondary-opacity: 0.3;
  --square-card-icon-border-width: 0;
  --square-card-text-color: var(--base-font-color);
  --square-card-font-size: 2rem;
  --square-card-icon-size: 6rem;
  --square-card-max-size: 200px;
  --square-card-font-weight: 600;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}
.poc-allproducts-cards .products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
  justify-content: start;
  justify-items: center;
}
.poc-allproducts-cards .sk-square-card {
  width: var(--square-card-max-size);
}
.poc-allproducts-cards .sk-square-card > div {
  height: auto;
}
.poc-allproducts-cards .sk-square-card > span {
  margin: 0 3rem;
  transition: transform 0.3s ease;
}
.poc-allproducts-cards .sk-square-card .sk-square-card-icon {
  transition: transform 0.3s ease;
}
.poc-allproducts-cards .sk-square-card:hover .sk-square-card-icon {
  transform: scale(1.2);
}
.poc-allproducts-cards .sk-square-card:hover span {
  transform: scale(1.05);
}

/* DASHBOARD PRIVATE */
.poc-user {
  background-color: transparent;
  box-shadow: none;
  --base-link-text-transformation: underline;
  min-width: 50%;
}

section.mga-dashboard-card {
  max-width: 16.6667%;
}
section.mga-dashboard-card .sk-html.mga-dashboard-card {
  padding: 0;
}
section.mga-dashboard-card .sk-html.mga-dashboard-card .sk-html-content {
  padding: 1rem 2rem;
}

.sk-dashboard-row-content:has(.mga-dashboard-card) {
  justify-content: space-between;
}

.sk-autosearch .poc-highlight-filled-red {
  color: var(--error-font-color);
  background-color: var(--error-bg-color);
  border: 1px solid var(--error-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
}
.sk-autosearch .poc-highlight-outlined-red {
  color: var(--error-font-color);
  border: 2px solid var(--error-bg-color);
  border-radius: 20px;
  padding: 0.5rem 2rem;
  margin: 0;
  max-width: fit-content;
}
.sk-autosearch .poc-highlight-filled-yellow {
  color: var(--warning-font-color);
  background-color: var(--warning-bg-color);
  border: 1px solid var(--warning-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
}
.sk-autosearch .poc-highlight-outlined-yellow {
  color: var(--warning-font-color);
  border: 2px solid var(--warning-bg-color);
  border-radius: 20px;
  padding: 0.5rem 2rem;
  margin: 0;
  max-width: fit-content;
}
.sk-autosearch .poc-highlight-filled-green {
  color: var(--success-font-color);
  background-color: var(--success-bg-color);
  border: 1px solid var(--success-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
}
.sk-autosearch .poc-highlight-outlined-green {
  color: var(--success-font-color);
  border: 2px solid var(--success-bg-color);
  border-radius: 20px;
  padding: 0.5rem 2rem;
  margin: 0;
  max-width: fit-content;
}
.sk-autosearch .poc-highlight-filled-blue {
  color: var(--info-font-color);
  background-color: var(--info-bg-color);
  border: 1px solid var(--info-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
}
.sk-autosearch .poc-highlight-outlined-blue {
  color: var(--info-font-color);
  border: 2px solid var(--info-bg-color);
  border-radius: 20px;
  padding: 0.5rem 2rem;
  margin: 0;
  max-width: fit-content;
}

.mga-dashboard .status-Red {
  color: var(--error-font-color);
  background-color: var(--error-bg-color);
  border: 1px solid var(--error-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
}
.mga-dashboard .status-Yellow {
  color: var(--warning-font-color);
  background-color: var(--warning-bg-color);
  border: 1px solid var(--warning-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
}
.mga-dashboard .status-Green {
  color: var(--success-font-color);
  background-color: var(--success-bg-color);
  border: 1px solid var(--success-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
}
.mga-dashboard .status-Blue {
  color: var(--info-font-color);
  background-color: var(--info-bg-color);
  border: 1px solid var(--info-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
}
.mga-dashboard .status- {
  color: var(--warning-font-color);
  background-color: var(--warning-bg-color);
  border: 1px solid var(--warning-font-color);
  border-radius: 20px;
  padding: 0.5rem 3rem;
  margin: 0;
  max-width: fit-content;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  font-style: normal;
  font-weight: 700;
  color: inherit;
  text-rendering: optimizeLegibility;
}

.h1 {
  font-size: 1.66667rem;
  line-height: 1.66667rem;
}

.h1, .h2 {
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0;
}

.h2 {
  font-size: 1.38889rem;
  line-height: 1.38889rem;
}

.h3 {
  font-size: 1.31944rem;
  line-height: 1.31944rem;
}

.h3, .h4 {
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0;
}

.h4 {
  font-size: 1.25rem;
  line-height: 1.25rem;
}

.h5 {
  font-size: 1.18056rem;
  line-height: 1.18056rem;
}

.h5, .h6 {
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.h6 {
  font-size: 1.11111rem;
  line-height: 1.11111rem;
}

@media print, screen and (min-width: 40em) {
  .h1 {
    font-size: 3.33333rem;
    line-height: 3.33333rem;
  }
  .h2 {
    font-size: 2.77778rem;
    line-height: 2.77778rem;
  }
  .h3 {
    font-size: 2.15278rem;
    line-height: 2.15278rem;
  }
  .h4 {
    font-size: 1.73611rem;
    line-height: 1.73611rem;
  }
  .h5 {
    font-size: 1.38889rem;
    line-height: 1.38889rem;
  }
  .h6 {
    font-size: 1.11111rem;
    line-height: 1.11111rem;
  }
}
.font-weight-100 {
  font-weight: 100 !important;
}

.font-weight-200 {
  font-weight: 200 !important;
}

.font-weight-300 {
  font-weight: 300 !important;
}

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

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

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

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

.font-weight-800 {
  font-weight: 800 !important;
}

.font-weight-900 {
  font-weight: 900 !important;
}

.text-base {
  font-size: 1rem !important;
  line-height: var(--base-line-height) !important;
  font-weight: var(--base-weight-normal) !important;
  color: var(--body-private-font-color) !important;
}

.display-flex {
  display: flex !important;
}

.align-space-between {
  justify-content: space-between;
}

.align-space-around {
  justify-content: space-around;
}

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

.text-color-brand-dark {
  color: var(--brand-dark-font-color) !important;
}

.text-color-brand-primary {
  color: var(--brand-primary-color) !important;
}

.text-color-brand-secondary {
  color: var(--brand-secondary-color) !important;
}

.bg-color-reverse {
  background: var(--reverse-bg-color);
}

.bg-color-reverse {
  background: transparent;
}

.border-radius-30 {
  border-radius: 30px;
}

/* CHECKBOX AS DROPDOWNS */
/* Start Custom Multi Dropdown */
.custom-badge {
  display: flex;
  align-items: center;
  cursor: default;
  font-size: 1.3rem;
  line-height: 1.6rem;
  padding: 0.5rem 1rem;
  background-color: var(--brand-primary-color);
  color: var(--white);
  border-radius: 1rem;
}
.custom-badge i {
  cursor: pointer;
  margin-left: 1rem;
  padding: 0.3rem;
}

.custom-multi-dropdown .sk-field {
  align-items: center;
  display: flex;
}
.custom-multi-dropdown .sk-field .custom-multi-dropdown--wrapper {
  align-items: center;
  background-color: var(--input-bg-color);
  border-radius: var(--input-border-radius);
  border: var(--input-border-width) solid var(--input-border-color);
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 0.8rem;
  min-height: var(--attr-min-height);
  padding: 1rem;
  padding-left: var(--input-icon-padding);
}
.custom-multi-dropdown .sk-field .custom-multi-dropdown--wrapper::before {
  align-items: center;
  content: "\f078";
  cursor: pointer;
  display: flex;
  font-family: "Font Awesome 6 Pro";
  font-size: 1.7rem;
  font-weight: 500;
  left: var(--input-icon-horizontal-left-position);
  position: absolute;
  right: var(--input-icon-horizontal-right-position);
}
.custom-multi-dropdown .sk-field .custom-multi-dropdown--wrapper:hover {
  border-color: var(--input-hover-border-color);
}
.custom-multi-dropdown .sk-option-list {
  border-radius: 4px;
  box-shadow: var(--shadow);
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 8px;
  max-height: 146px;
  overflow: auto;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 2;
}
.custom-multi-dropdown .sk-option-list .sk-option-item {
  animation: all 0.4 ease-in-out;
  background-color: white;
  display: none;
  flex: 1;
  min-height: var(--attr-min-height);
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 2;
}
.custom-multi-dropdown .sk-option-list .sk-option-item label {
  flex: 1;
  padding: 0.5rem 1.2rem;
}
.custom-multi-dropdown .sk-option-list .sk-option-item label:hover {
  background-color: var(--dropdown-menu-option-hover-bg-color);
}
.custom-multi-dropdown .sk-option-list:hover::before {
  border-color: var(--input-hover-border-color);
  border-width: var(--input-hover-border-width);
}
.custom-multi-dropdown .sk-option-list[data-is-open=true]::before {
  border-color: var(--input-focus-border-color);
  border-width: var(--input-focus-border-width);
}
.custom-multi-dropdown .sk-option-list[data-is-open=true] .sk-option-item {
  display: flex;
  z-index: 3;
}
.custom-multi-dropdown .sk-option-list[data-loading=true] + .custom-multi-dropdown--wrapper::after {
  animation: spin infinite 0.5s ease-in-out;
  content: "\f3f4\f3f4";
  font-family: "Font Awesome 6 Duotone";
  font-size: 1.4rem;
  position: absolute;
  right: 0.3rem;
}
.custom-multi-dropdown[data-disabled=true] .custom-badge {
  background-color: var(--disabled-selected);
}
.custom-multi-dropdown[data-disabled=true] .custom-badge i.close {
  color: var(--white);
}

/* Finish Custom Multi Dropdown *//*# sourceMappingURL=custom.css.map */