@font-face {
  font-family: 'GT Super Ds Trial Rg';
  src: url('/sfsites/c/resource/VSOefont/GTSuperDsTrial-Rg.woff2') format('woff2'),
      url('/sfsites/c/resource/VSOefont/GTSuperDsTrial-Rg.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
 
@font-face {
  font-family: 'GT Super Ds Trial Md';
  src: url('/sfsites/c/resource/VSOefont/GTSuperDsTrial-Md.woff2') format('woff2'),
      url('/sfsites/c/resource/VSOefont/GTSuperDsTrial-Md.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('/sfsites/c/resource/VSOefont/NeueHaasDisplay-Bold.woff2') format('woff2'),
        url('/sfsites/c/resource/VSOefont/NeueHaasDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('/sfsites/c/resource/VSOefont/NeueHaasDisplay-Mediu.woff2') format('woff2'),
      url('/sfsites/c/resource/VSOefont/NeueHaasDisplay-Mediu.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
 
@font-face {
  font-family: 'Neue Haas Grotesk Display Pro';
  src: url('/sfsites/c/resource/VSOefont/NeueHaasDisplay-Roman.woff2') format('woff2'),
      url('/sfsites/c/resource/VSOefont/NeueHaasDisplay-Roman.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('/sfsites/c/resource/VSOefont/NeueHaasDisplay-RomanItalic.woff2') format('woff2'),
        url('/sfsites/c/resource/VSOefont/NeueHaasDisplay-RomanItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

html {background:#fff !important;}

:root {
  --bg-action: #191919;
  --bg-subtle: #F7F7F5;
  --bg-blue-subtle: #DCEFF8;
  --action-required-bg:#F9E8B0;
  --bg-moderate-brown:#4F4740;
  --secondary-cloud-bg:#CEE4ED;
  --bg-selected-subtle:#6D7083;
  --border-color-subtle:#DBD8D4;
  --success-color:#00682b;
  --text-color-base: #191919;
  --color-black: #000;
  --bg-succes: #E3FBE6;
  --border-action:#000;
  --color-white:#fff;
  --bg-white:#fff;
  --hover-bg-color:#dc1e34;
  --primary-cs-red:#dc1e34;
  --input-secondary-color:#6D7083;
  --input-primary-color:#191919;
  --input-border-color:#6D7083;
  --text-inactive-color:rgba(0, 0, 0, 0.60);
  --bg-disabled:#e9ecef;
  --text-disabled:#ABACAF;
  --font-Neue-Haas-Grotesk-Display-Pro: 'Neue Haas Grotesk Display Pro', sans-serif;
  --font-GT-Super-Ds: 'GT Super Ds Trial Rg', sans-serif;
  --border-radius: 10px;
}

:host {
  --slds-c-dropdown-font-size: 16px;
  --slds-c-accordion-section-color-border: #DBD8D4;
  /* --slds-c-modal-content-height: 100dvh; */
}

input:-internal-autofill-selected {background-color:#f7f7f5 !important;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0 1000px #f7f7f5 inset !important;
  -webkit-text-fill-color: inherit !important;
  caret-color: inherit !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

body{font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); font-weight:500; color:var(--text-color-base); font-size: 1rem; letter-spacing: 0.8px; line-height: 1.6;}
.slds-col--padded.contentRegion.comm-layout-column, .slds-col--padded.comm-content-header.comm-layout-column {padding: 0;}
h1.slds-text-heading_large, .slds-text-heading_medium{font-family:var(--font-GT-Super-Ds); font-weight:normal; font-style: normal; color:var(--text-color-base); letter-spacing: -0.021px; margin-bottom: 1rem;}
h1.slds-text-heading_large{font-size: 2.625rem; }
.slds-text-heading_medium{font-size: 2rem;}
.headding-2{font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); color: var(--text-color-base); word-wrap: break-word; font-weight:500; letter-spacing: 1.2px; font-size: 1.5rem;}

community_layout-section.comm-section-container {padding: 0 !important;}
header:has(.microsite-header-content), community_layout-hidden-region {display: none;}
lightning-modal-base {z-index: 99998 !important;}

/*==============Button and Links=========*/
.button-primary, .slds-button_brand, .modal-container .forceContentPanelFooter .desktop.uiButton--brand, .modal-container .forceContentPanelFooter .desktop.uiButton--brand:active, .modal-container .forceContentPanelFooter .desktop.uiButton--brand:focus, .slds-button_brand:active{background-color:var(--bg-action); border: 0px !important; color:var(--color-white); letter-spacing: 0.8px;  height:44px; padding: 6px 1.5rem; border-radius:var(--border-radius); font-size: 1rem; font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); font-weight:normal;}
.slds-button_brand[disabled], .slds-button_brand[disabled]:hover {background:var(--bg-disabled) !important; color: var(--text-inactive-color) !important;}
.slds-button_brand[disabled="false"] {background-color:var(--bg-action) !important; color:var(--color-white) !important; cursor: pointer;}
.slds-button_brand[disabled="false"]:hover{background-color:var(--hover-bg-color) !important; border-color:var(--hover-bg-color) !important; color: var(--bg-white) !important;}
.slds-button_brand[disabled="false"] svg path {fill: var(--color-white) !important;}
.button-liner, .slds-button_neutral, .slds-button_neutral:active, .button-liner:focus, .slds-button_neutral:focus, .button-liner:active {background-color:transparent; border:solid 2px var(--border-action); color:var(--text-color-base); letter-spacing: 0.8px;  height:44px; padding: 6px 1.5rem;  border-radius:var(--border-radius); font-size: 1rem; font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); font-weight:normal;}
.button-liner:hover, .slds-button_neutral:hover, .button-primary:hover, .slds-button_brand:hover, .modal-container .forceContentPanelFooter .desktop.uiButton--brand:hover{background-color:var(--hover-bg-color); border-color:var(--hover-bg-color); color: var(--bg-white);}
.button-tertiary{color: var(--text-color-base); /*display: flex;  align-items: center;*/ letter-spacing: 0.8px; font-weight: normal; padding: 0; margin: 0; font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); text-decoration: none; background: none; border: none;}
.button-tertiary:hover, .button-tertiary:focus, .button-tertiary:active{color: var(--hover-bg-color);}
.button-tertiary img{margin-right: 8px; margin-top: -2px;}
button:focus, .slds-button:focus, .custom-accordion .slds-button.slds-accordion__summary-action:focus{outline: none; box-shadow: none;}
button:focus-visible, .slds-button:focus-visible, a:focus-visible, input:focus, textarea:focus, select:focus, .slds-textarea:focus, .slds-input:focus, [tabindex]:focus-visible, .slds-combobox__input:focus, .file-upload-section .upload-photo-button .slds-file-selector__input:focus~.slds-file-selector__button, .custom-accordion .slds-button.slds-accordion__summary-action:focus-visible{box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #7800cc; outline: none; transition: box-shadow 0.25s ease-in-out;}
.text-link-light{font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); text-decoration:underline; letter-spacing: 0.4px; color: var(--text-color-base); border: 0px; background: none; padding: 0;}
.text-link-light:hover, .text-link-light:focus-visible, .text-link-light:active{color: var(--hover-bg-color);}
a.text-link-light:focus{color: var(--text-color-base);}
.text-link-light:focus-visible, .msg-link, .account-button, .button-tertiary, .alert-close-button{border-radius:4px;}
.bg-gray{background: var(--bg-subtle);}
.no-border, .encounter-list-card{border: 0px !important;}
button::before, button::after{display: none !important;}
[kx-scope=button-brand]:active, [kx-scope=button-brand]:focus{background-color:var(--bg-action);}

/*==============Button and Links=========*/

.siteforceStarterBody .cCenterPanel {padding: 0; margin: 0; max-width: 100% !important;}
.cb-section_column {padding: 0px !important;}
.slds-container_x-large{max-width: 1440px; padding:8rem 4rem 4rem 4rem;}
.slds-container_x-large.page-container.container-inner-page{max-width: 1210px; width: 100%;}
.main-content-container .slds-card+.slds-card{margin-top: 0px;}
.main-content-container .slds-button+.slds-button{margin-left: 0px;}
.text-nowrap{white-space: nowrap;}
.container-inner-page .page-right-section {width: 100%; padding: 0;}
.homepage-right-section {width: 280px;}

/*=====================Header CSS Start========================*/
.header-main {width: 100%; position: fixed; z-index:9999; top: 0; left: 0; background:var(--bg-subtle); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);} 
.slds-container_x-large.header-container {display: flex; justify-content: space-between; align-items: center; padding-top:1rem; padding-bottom: 1rem; height: 72px; position: relative;}
.cs-logo-main {display: flex; align-items: center;}
.cs-logo-desktop{width: 100px;}
.cs-logo-mobile {display: none;}
.cs-logo-title {font-size: 16px; margin-left:40px; flex: 1; color:var(--color-black); font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); font-optical-sizing: auto; font-weight:normal;} 
.header-right-col {display: flex; align-items: center; } 
.account-dropdown { position: relative;} 
.account-button { background: none; border: none; cursor: pointer; display: flex; align-items: center; padding: 0px; font-weight: normal; transition: all ease-in-out 0.3s;} 
.account-button svg{transition: all ease-in-out 0.3s;}
.profile-name-circle { background: #262C59; color: #fff; font-weight: 500; border-radius: 50%; text-transform: uppercase; width:32px; height: 32px; display: flex; align-items: center; justify-content: center; margin-right:0.5rem; font-size: 12px; } 
.dropdown-menu { position: absolute; top:46px; right: 0;} 
.dropdown-item { padding: 1rem 2rem; cursor: pointer; color: var(--text-color-base); text-decoration: none !important; background: var(--bg-white) !important; border-radius: var(--border-radius); border: solid 1px var(--border-color-subtle); box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.16); display: flex; align-items: center; font-weight: normal;} 
.dropdown-item:hover {background-color: #fff !important; color: var(--primary-cs-red) !important;}
.dropdown-item:hover svg path{fill: var(--primary-cs-red);}
.msg-link{font-weight: normal; border: 0; padding: 0; background: none; display: flex;}
.msg-img{position: relative;}
.msg-img img{width: 24px; height: 24px; flex-shrink: 0; object-fit: contain;}
.msg-label-text {flex: 1;}
.msg-badge { position: absolute; right: -4px; top: -2px; width: 1rem; height: 1rem; border-radius: 100%; background:var(--hover-bg-color); font-size: 12px; font-weight: 500; display: flex ; align-items: center; justify-content: center; color: #fff; }
.account-button[aria-expanded="true"] .account-label {border-bottom: solid 1px var(--hover-bg-color);}
.account-button[aria-expanded="true"] svg {transform: rotate(180deg); transition: all ease-in-out 0.3s;}
.account-button[aria-expanded="true"] svg path{fill: var(--hover-bg-color);}
.main-logo{cursor: pointer; display: inline-block;}
/*=====================Header CSS End========================*/

.section-block { margin-bottom: 3rem;} 
.section-points { list-style: none; padding: 0; margin:10px 0 0 0 ; display: inline-block; width: 100%;} 
.point-item { position: relative; padding-left:45px; margin-bottom: 1.5rem; min-height: 30px; font-size: 20px; font-family:var(--font-Neue-Haas-Grotesk-Display-Pro);} 
.point-item i {position: absolute; left:0px; top:-2px;}
article.section-block+article.section-block {margin-bottom: 0;}

/*===============Dashboard Page CSS Start============*/
.homepage-content-section {flex: 1; padding-right:3.5rem;}
.page-right-section {width: calc(100% - 250px); padding-left:96px;}
.slds-container_x-large.page-container.landing-page{padding-bottom:70px !important;}
.landing-page h1.slds-text-heading_large {margin-bottom: 30px;}
.landing-page-footer {background: #fff; position: fixed; left: 0px; bottom: 0; z-index: 1; width: 100%; bottom: 0; padding: 1rem; text-align: right; box-shadow:-4px -8px 10px -6px rgba(0, 0, 0, 0.1); }
.landing-page-footer .slds-button {padding-left: 2rem; padding-right: 2rem;}
.section-description p:last-child{padding-bottom: 0px; margin-bottom: 0px;}

/*=======sidebar-navigation CSS Start======*/
.sidebar-navigation {width: 250px; position: sticky; top: 111px; z-index:999;}
.sidebar-navigation li.sidebar-nav-item .sidebar-nav-icon{ width: 24px; height: 24px; margin-right: 1rem; flex-shrink: 0; object-fit: contain;}
.sidebar-navigation li.sidebar-nav-item .sidebar-nav-subtext {display: inline-block; width: 100%; font-size: 12px;}
.sidebar-navigation li.sidebar-nav-item a { padding:0px 1.5rem; height: 56px; align-items: center; line-height: normal; background:transparent; border-radius: 60px; position: relative; display: flex; width: 100%; color: #000; text-decoration: none;}
.sidebar-navigation li.sidebar-nav-item .sidebar-nav-label {display: flex; align-items: center;}
.sidebar-navigation li.sidebar-nav-item a.active-link {background:var(--bg-selected-subtle); color:var(--color-white); font-weight: normal;}
.sidebar-navigation li.sidebar-nav-item a.active-link .sidebar-nav-icon, .slds-button.slds-button_neutral:hover .btn-icon{filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(340deg) brightness(95%) contrast(106%);}
.sidebar-navigation li.sidebar-nav-item a.active-link .count-badge{background: var(--bg-white); color: var(--text-color-base);}
/*=======sidebar-navigation CSS End======*/

.default-card{border-radius:var(--border-radius); border: solid 1px rgba(0, 0, 0, 0.12); box-shadow: none;}
.card-accordian-title-row{display: flex; align-items: center; position: relative; width: 100%; justify-content: space-between;}
.card-title{font-size: 1.25rem; color:var(--text-color-base); font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); font-weight:500; display: flex; align-items: center;}
.card-subtitle{font-size: 20px;}
.card-accordian-title-row .card-title {padding-right: 1rem;}

/*===========VSO team Section CSS========*/
.VSOteam-list-item {display: flex; align-items: center; width: 100%; margin-bottom:2rem;}
.VSOteam-list-item:last-child{margin-bottom:0px;}
.VSOteam-profile-pic {width: 68px; height: 68px;  border-radius: 100%; background: #E9E7E4; object-fit: cover; object-position: 0% 15%;}
.VSOteam-member-info {flex: 1;  padding-left: 20px;}
li.VSOteam-list-item.NotAssigned, li.VSOteam-list-item.NotAssigned h3.slds-text-heading_small{color: #6c757d;}
li.VSOteam-list-item.NotAssigned .VSOteam-profile-pic {opacity: 0.7;}

/*===============Home Page CSS============*/
.slds-progress-bar.custom-progress-bar{height: 10px; border-radius:20px; /*background: #878787;*/}
.slds-progress-bar.custom-progress-bar .slds-progress-bar__value, .slds-progress-bar .slds-progress-bar__value{background:var(--success-color); border-radius:20px;}
.step-item-list li {position: relative; padding-left: 25px; color: #6c757d;}
.step-item-list li .step-icon {position: absolute; left: 0; top:5px;}
.step-item-list li svg path {fill:#6c757d;}
.step-item-list li.step-completed{color: var(--success-color);}
.step-item-list li.step-completed svg path {fill:var(--success-color);}
.step-item-list li.step-inprogress{color: var(--text-color-base);}
.step-item-list li.step-inprogress svg path {fill:var(--text-color-base);}
.task-wrapper .contant-row:first-child{padding-top: 1.5rem; margin-top: 1.5rem; border-top: solid 1px #EAEBF0;}
.button-accordion{cursor: pointer; border: 0; background: none; padding: 0; margin: 0;}
.button-accordion svg path {fill:#dc1e34;}
.contact-section {padding-top:2rem; margin-top:2rem; border-top: solid 1px #EAEBF0;}
.explore-next-step{background:#363330;}
.explore-next-step .card-title, .explore-next-step h3.slds-text-heading_small{color: var(--color-white);}
.explore-next-step .slds-button_neutral{border-color: var(--color-white); color: var(--color-white);}
.explore-next-step .slds-button_neutral:hover{border-color: var(--hover-bg-color);}
.explore-next-step p{color:#B8B4AF;}
.explore-next-step .button-accordion svg path {fill:var(--color-white);}
/*===============Dashboard Page CSS End============*/

/*===========Common Contant CSS========*/
.contant-row {padding-bottom: 1.5rem;  margin-bottom: 1.5rem;  border-bottom: solid 1px #EAEBF0;}
.slds-col.contant-left-col, .slds-col.card-horizontal-content-col{flex: 1;}
.contant-left-col h2.slds-text-heading_small, h3.slds-text-heading_small {font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); font-size: 1rem; color:var(--text-color-base); font-weight: normal; line-height: normal; word-wrap: break-word;}
.contant-row:last-child {padding-bottom: 0; margin-bottom: 0; border: 0;}
.doctor-hospital {word-break: break-all;}
.contant-sub-col {display: flex; flex-wrap: wrap; padding-top:4px; font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); font-weight: 500;}
.contant-sub-lebel {word-wrap: break-word; word-break: break-all;}
.contant-sub-link, .contant-sub-link:hover{text-decoration: underline; color: var(--text-color-base);}
.contant-left-col .optional-label {font-weight: 500;}
.bio-tag {display: inline-flex; cursor: default; align-items: center; justify-content: center; height: 34px; border-radius: 4px; background:var(--bg-subtle); color: var(--text-color-base) !important; text-decoration: none !important; padding: 4px 1rem;}
.bio-tag .bio-icon{margin-right: 8px; width: 16px; height: 16px;}
.bio-tag.completed {background:var(--bg-succes);}
.bio-tag.locked {background:var(--bg-disabled); cursor: not-allowed;}
.bio-tag.action-required {background:var(--action-required-bg);}
.bio-tag.scanning-item{background:#FFF7DE;}
.bio-tag.rejected-item{background:#FFCBD1;}
.bio-tag.locked .bio-label{color: #343a40;}
.contant-right-col .slds-button, .card-horizontal-actions-col .slds-button {padding-left: 1rem; padding-right: 1rem;}
.locked-row, .locked-row h3.slds-text-heading_small, .locked-row p{color:#6c757d;}

/*==========Healthcare Event Summary CSS============*/
.main-title-area  .main-title-text-left {flex: 1; margin-right: 1.5rem;}
.add-event-btn .slds-button+.slds-button {margin-left: 1.5rem;}
.main-title-area .slds-button {padding-left: 1.5rem; padding-right: 1.5rem;}
.section-with-top-border{border-top: solid 1px var(--border-color-subtle); margin-top: 2rem; padding-top: 2rem;}
.section-subtitle-row .text-link-light {display: inline-block;}
.section-subtitle-row h2, .accordion-headding{font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); color: var(--text-color-base); line-height: normal; word-wrap: break-word; font-weight:500; letter-spacing: 1.2px; font-size: 1.5rem;}
.section-subtitle-title-col{display: flex; align-items: center;}
.button-groups .slds-button {margin: 0; margin-right: 1.5rem;}
.slds-modal__footer .slds-button{margin-left: 1rem !important;}
.slds-modal__footer .slds-button:first-child {margin-left: 0 !important;}
.btn-edit-small{font-size: 16px;}
.slds-accordion__summary-content{font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); color: var(--text-color-base); font-weight:500;}

/*===========Form CSS Start=======*/
.cs-form-container .slds-input, .cs-form-container .slds-textarea, .cs-form-container .slds-combobox__input {background:var(--bg-subtle); border: solid 0.25px  var(--input-border-color); color:var(--input-primary-color); min-height: 64px; border-radius:var(--border-radius); padding:24px 24px 6px 24px; font-weight: 500; font-size: 20px; line-height: 1.4;}
.cs-form-container .slds-input::placeholder, .cs-form-container .slds-textarea::placeholder, .cs-form-container .slds-combobox__input::placeholder {color:var(--input-secondary-color); font-weight: 500;  opacity: 1;}
.cs-form-container .slds-textarea {min-height: 128px;}
.cs-form-container .slds-dropdown {font-size: 1rem; z-index: 3;}
.cs-form-container .slds-dropdown.suggestion-dropdown .slds-listbox__option-text {white-space: inherit;} 
.dropdown-scroll-wrapper {max-height: 220px; overflow-y: auto; -webkit-overflow-scrolling: touch; touch-action: manipulation; overscroll-behavior: contain;}
.cs-form-container .slds-combobox__input{align-items: center;}
.cs-form-container .slds-combobox .slds-input__icon-group_right {right: 10px;}
.cs-form-container .slds-form-element__label, .cs-form-container .slds-form-element:has(.slds-combobox__input[aria-expanded="true"]) .slds-form-element__label 
{position: absolute; top: 20px; left:24px; padding: 0px; margin: 0px; z-index: 1; color:var(--input-secondary-color); font-weight: 500;  opacity: 1; cursor: text; font-size: 16px; transition: all .15s ease-in-out; white-space: normal !important; overflow-wrap: break-word !important; word-break: break-word !important; hyphens: none !important; -webkit-hyphens: none !important; -moz-hyphens: none !important; }
.cs-form-container .slds-form-element:has(.slds-input:focus) .slds-form-element__label, 
.cs-form-container .slds-form-element:has(.slds-input:not(:placeholder-shown)) .slds-form-element__label,
.cs-form-container .slds-form-element:has(.slds-combobox__input[aria-expanded="true"]) .slds-form-element__label,
.cs-form-container .slds-form-element:has(.slds-combobox__input.slds-combobox__input-value) .slds-form-element__label,
.cs-form-container .slds-form-element:has(.slds-textarea:focus) .slds-form-element__label, 
.cs-form-container .slds-form-element:has(.slds-textarea:not(:placeholder-shown)) .slds-form-element__label
{top:6px; color:var(--input-secondary-color); font-weight: 500;  opacity: 1; font-size: 13px;}

/*.cs-form-container .slds-form-element:has(.custom-date-input.slds-input:focus) .slds-form-element__label
 .cs-form-container .slds-form-element:has(.slds-combobox__input[aria-invalid="false"]) .slds-form-element__label, */
 
.cs-form-container .slds-form-element.slds-has-error:has(.slds-combobox__input[aria-invalid="true"]) .slds-form-element__label{top: 20px !important;}
.cs-form-container .slds-form-element:has(.slds-combobox__input[aria-invalid="false"]):has(.slds-required) .slds-form-element__label, 
.cs-form-container .slds-form-element:has(.slds-combobox__input[aria-invalid="true"]:focus) .slds-form-element__label{top:6px !important;}
.cs-form-container .slds-form-element:has(.slds-textarea:focus) .slds-form-element__label, 
.cs-form-container .slds-form-element:has(.slds-textarea:not(:placeholder-shown)) .slds-form-element__label
{top:2px; left: 2px; padding: 5px 24px 0px 24px; background: var(--bg-subtle); width: 97%; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.cs-form-container .slds-form-element__label abbr.slds-required{display: none;}
.question-label {font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); font-weight: 500; font-size: 1.25rem; color: var(--color-black); line-height: normal;}
.cs-form-container.demographic-form .slds-col.slds-m-bottom_xx-large:nth-last-of-type(2) {margin-bottom: 2rem;}
/*===========Form CSS End=======*/

/*===========second-opinion CSS Start=======*/
.second-opinion-card {align-items: center;}
.second-opinion-card-left-col {padding-right: 24px; flex: 1;}
.default-card .slds-card__header-title{font-weight: normal; margin-bottom:6px; font-family:var(--font-Neue-Haas-Grotesk-Display-Pro);}
.bg-blue-box{background: var(--bg-blue-subtle); position: relative;}
.bg-gray-box{background: var(--bg-subtle); position: relative;}
.bg-blue-box:before, .bg-gray-box:before{content:""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.2; z-index: 0; border-radius:var(--border-radius);}
.bg-blue-box:before {background: url(/sfsites/c/resource/VSOeimages/graphic-blue.png) no-repeat 0px 0px; background-size: cover;}
.bg-gray-box:before {background: url(/sfsites/c/resource/VSOeimages/graphic-gray.png) no-repeat 0px 0px; background-size: cover;}
.btn-large{height: 56px; background: transparent;}
.blue-gray-box-row .default-card {height: 100%;}
.second-opinion-questions-wrap .cs-form-container .slds-textarea {height: 64px; min-height: 64px;}
.second-opinion-card-content {position: relative; z-index: 1;}
.doctor-photo { width: 68px; height: 68px; flex-shrink: 0; border-radius: 100%; background: #DBD8D4; object-fit: cover; object-position: 0% 20%;}
.doctor-details {flex: 1; margin-left: 1rem;}
.slds-button_brand[disabled] svg path {fill:#0009;}
.session-icon svg {margin-top: -8px;}
.session-day, .session-time, .session-date {width: 100%;}
.ves-actions{text-align: right;}
.ves-section .bg-blue-box.slds-card__header-title, .ves-section .bg-blue-box.slds-card__header-title:before {border-radius: 10px 10px 0 0;}
.write-report-card .contant-row{padding-bottom: 0; margin-bottom: 0; border: 0;}
/*===========second-opinion CSS End=======*/

/*======Alert Box CSS=========*/
.alert-box {background:var(--action-required-bg); border-radius:var(--border-radius); padding: 1.5rem 3rem; position: relative;  display: flex; align-items: center; justify-content: space-between;}
.alert-box .alert-title {display: flex; align-items: center; margin-bottom:6px; font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); font-weight: normal;}
.alert-title img {margin-right: 8px;}
button.alert-close-button {background: none; border: 0; padding: 0; margin: 0; width: 2rem; height: 2rem;}
.alert-content {flex: 1; padding-right:2.5rem;}
.alert-box lightning-icon svg {fill:var(--text-color-base);}
.alert-bg-cloud{background: var(--secondary-cloud-bg) !important;}
.alert-bg-cloud .alert-content {display: flex; align-items: center; justify-content: space-between; padding-right: 3rem;}
/*======Alert Box CSS=========*/

/*===============Modal CSS Start============*/
.cs-modal{border-radius: 8px; background: #fff; padding: .5rem; box-shadow: var(--slds-c-modal-shadow, var(--sds-c-modal-shadow, var(--lwc-shadowDropDown, 0 2px 3px 0 rgba(0, 0, 0, 0.16)))); }
.cs-modal .slds-modal__title{font-size: 24px; margin: 0; padding-right: 2rem; letter-spacing: 1px; line-height: 1.4; font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); color: var(--text-color-base); font-weight: 500;}
.cs-modal .slds-modal__header {border: 0; box-shadow: none; text-align: left; padding:0 0 24px 0;}
.cs-modal .slds-modal__footer {border: 0; box-shadow: none; border-bottom-left-radius: 8px; padding:24px 0 0px 0; background: none;}
.cs-modal .slds-modal__content {padding:1.5rem; border-radius:0px; box-shadow: none;}
.slds-modal__container:has(.cs-modal.modal-custom-width) .slds-button_icon.slds-modal__close{display: none;}
.slds-modal__container:has(.cs-modal.modal-custom-width) .slds-button_icon.slds-modal__close.custom-modal-close {top:-1px; right:-6px; z-index: 2; display: block;}
.cs-modal .button-liner, .cs-modal .button-primary, .cs-modal .slds-button_neutral, .cs-modal .slds-button_brand {padding-left: 24px; padding-right: 24px;}
.cs-modal h2.modal-sub-title {font-weight: 700; margin-bottom:1rem;  font-family:var(--font-Neue-Haas-Grotesk-Display-Pro);}
.cs-modal ul.questions-list {margin-left: 24px;}
.cs-modal ul.questions-list li {margin-bottom: 2px; padding-left: 18px; position: relative;}
.cs-modal ul li {word-wrap: break-word;}
.cs-modal ul.questions-list li:before {content: ""; top:9px; left:0px; width: 6px; height: 6px; background: #191919; border-radius: 100%; z-index: 999; position: absolute;}
.slds-modal__container:has(.cs-modal.modal-custom-width){max-width: 815px; width:94%; min-width: 500px; padding: 1.5rem 0px !important;}
.button-group {display: flex; justify-content: space-between; flex-wrap: wrap;}
.info-italic-text{font-family: var(--font-Neue-Haas-Grotesk-Display-Pro); font-style: italic;}
.slds-modal__container:has(.cs-modal.modal-custom-width.cs-modal-small) {max-width: 676px;}
.cs-modal p.slds-m-bottom_large:last-child{margin-bottom: 0px;}
/*===============Modal CSS End============*/

.btn-icon {margin-left: 8px; width: 24px; height: 24px;}
.button-icon {width: 24px; height: 24px;}
.alternative-section{background: var(--bg-subtle); border: 0px;}
.alternative-section .alternative-col-left{border-right: solid 1px var(--border-color-subtle); padding-right: 32px;}
.alternative-section .alternative-col-right {padding-left: 32px;}
.alternative-col-right a.text-link-light {text-decoration: none;}
.main-content-container.docusign-page .section-with-top-border{padding-top: 1.5rem; margin-top: 1.5rem;}
.encounter-list-container{padding: 0 2rem;}
.encounter-list-container .slds-card, .slds-accordion__content .slds-card{padding-left: 1.5rem; padding-right: 1.5rem;}
.encounter-list-container .slds-card:last-child {margin-bottom: 0;}
.custom-date-input lightning-button-icon.slds-input__icon.slds-input__icon_right, .custom-date-input .slds-input__icon.slds-input__icon_right .slds-button, .custom-date-input .slds-input__icon.slds-input__icon_right .slds-button svg.slds-button__icon {width: 24px !important; height: 24px !important;}
.custom-date-input lightning-button-icon.slds-input__icon.slds-input__icon_right {margin-top: -12px !important; right: 24px;}
.custom-date-input .slds-input::-webkit-calendar-picker-indicator {opacity: 0; z-index: 999; appearance: none; -webkit-appearance: none;}
.custom-date-input .slds-input {appearance: none; -webkit-appearance: none;}
.custom-date-input .slds-input::after { position: absolute; right: 24px; top: 20px; background: url(/sfsites/c/resource/VSOeimages/schedule.svg) no-repeat 0px 0px; background-size: cover; width: 24px; height: 24px; content: ""; }
.card-horizontal-actions-col .slds-button{white-space: nowrap;}
.slds-has-error .slds-form-element__help, .slds-form-element__help{color: #c30119;}
.custom-accordion .slds-accordion__summary-action {display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 0; color: var(--text-color-base);}
.custom-accordion .slds-accordion__content {padding: 0 2rem;}
.custom-accordion .slds-accordion__section.slds-is-open .slds-accordion__content {margin-top: 1.5rem;}
.custom-accordion .slds-accordion__summary-content {overflow: inherit; white-space: normal; text-overflow: inherit;}
.custom-accordion .slds-accordion__list-item{padding: 1.5rem 0; border-top-color: var(--border-color-subtle);}
.custom-accordion .slds-accordion__list-item:first-child {padding-top: 0;}
.custom-accordion .slds-accordion__summary {padding: 0; margin: 0;}
.custom-accordion .slds-accordion__section {padding:0px;}
.custom-accordion .slds-card.default-card.media-card-list:last-child {margin-bottom: 0.5rem;}
.custom-accordion .accordion-icon svg{fill: var(--primary-cs-red);}
.uploaded-documents .uploaded-documents-label {padding-right:1rem; margin-bottom: 2px; position: relative; display: flex; align-items: flex-start; word-break: break-all; word-wrap: break-word; line-height: 1.4;}
.uploaded-documents .uploaded-documents-label:after {content: ""; position: absolute; top: 4px; right: 8px; height: 14px; width: 1px; background:var(--bg-action);}
.uploaded-documents .uploaded-documents-label:last-child:after {display: none;}
.uploaded-documents .uploaded-documents-label:last-child {padding-right: 0;}
.uploaded-documents .uploaded-documents-label .text-link-light{word-break: break-all; word-wrap: break-word; line-height: 1.4; text-align: left;}
.uploaded-documents .uploaded-documents-label span{flex: 1;}
.uploaded-documents-label svg {margin-top: 3px;}
.file-upload-form{padding-left: 2rem;}
.file-uploaded-row{display: flex; align-items: center; justify-content: space-between; padding:1rem 1.5rem; background: var(--bg-white); border: solid 1px rgba(0, 0, 0, 0.12); border-radius: var(--border-radius);}
.file-uploaded-row .uploaded-file-name {font-weight: normal; padding-right: 1rem; flex: 1; word-wrap: break-word; word-break: break-all;}
.file-upload-field .slds-file-selector, .file-upload-field .slds-file-selector__dropzone {width: 100%;}
.file-upload-field .slds-file-selector__dropzone {border-radius: var(--border-radius);}
.modal-header h1 {margin: 0;}
.siteforcePanelsContainer .modal-header .title{font-family:var(--font-Neue-Haas-Grotesk-Display-Pro); font-size: 1.5rem; font-weight: 500; text-align: left;}
.siteforcePanelsContainer .modal-header .slds-modal__close {top: 14px; right: 10px;display: none;}
.siteforcePanelsContainer .modal-header.slds-modal__header, .siteforcePanelsContainer .modal-footer.slds-modal__footer {border: 0;}
.iframe-container{height: 100dvh; border-radius: 0; padding: 0; display: flex; flex-direction: column;}
.iframe-container iframe {border: solid 1px var(--border-color-subtle); border-radius:var(--border-radius); flex: 1 1 auto; display: flex; flex-direction: column;}
.file-upload-section {min-height: 234px; justify-content: center; align-items: center;}
.file-upload-section .slds-form-element__label, .file-upload-section lightning-file-upload lightning-primitive-icon, .file-upload-section .slds-file-selector__text {display: none;}
.file-upload-section .slds-file-selector__dropzone {padding: 0; border: 0;}
.file-upload-section .file-upload-box lightning-file-upload {display: inline-block;}
.file-upload-section .upload-photo-button .slds-file-selector__input { top: 0; left: 0; width: 100% !important; height: 100% !important; opacity: 0; clip: inherit !important; }
.file-upload-section .upload-photo-button div, .file-upload-section .upload-photo-button lightning-input {position: inherit !important;}
.file-upload-section:has(.slds-has-drag-over){box-shadow: 0 0 1px 1px #cc98f1; outline: none;}
.file-upload-section .slds-file-selector__dropzone.slds-has-drag-over {box-shadow:none !important; outline: none;}
.file-upload-section .upload-photo-button .fileupload-instructions-text {position: relative !important; z-index: 2;}
.font-normal{font-weight: normal;}
span.slds-text-body--small.slds-float--left.slds-p-top--x-small.header {display: none;}
/*======Docusign Full Screen===*/
.full-screen .slds-container_x-large.page-container.container-inner-page {max-width: 100%; padding:1rem;}
.full-screen .slds-container_x-large.page-container.container-inner-page .docusign-page .backtoform, 
.full-screen .slds-container_x-large.page-container.container-inner-page .docusign-page .main-title-area, 
.full-screen .slds-container_x-large.page-container.container-inner-page .docusign-page .button-groups, .exit-screen-btn, .full-screen .alert-box.slds-m-vertical_large{display: none;}
.full-screen .slds-container_x-large.page-container.container-inner-page .main-content-container.docusign-page .section-with-top-border {padding: 0; border: 0; margin-top:5rem;}
.full-screen .exit-screen-btn{display: block;}
.label-read-only{color: var(--input-secondary-color);  font-weight: 500; font-size: 13px;}
.value-read-only{color: var(--input-primary-color-color);  font-weight: 500; font-size: 20px; word-wrap: break-word; word-break: break-all;}
.files-name-content {display: flex; flex-wrap: wrap;}
.file-details-col {flex: 1; padding-right: 1rem;}
.file-type-col {width: 150px;}
.btn-with-icon-footer slot{display: flex; align-items: center; justify-content: right; flex-wrap: wrap;}
.sapratetext .sapratetext-label {padding-right:1rem; position: relative;}
.sapratetext .sapratetext-label:after {content: ""; position: absolute; top: 6px; right: 8px; height: 14px; width: 1px; background:var(--bg-action);}
.sapratetext .sapratetext-label:last-child:after {display: none;}
.sapratetext .sapratetext-label:last-child {padding-right: 0;}
.text-bold{font-weight: normal;}

/*=========Upload Photo Button Label Change CSS===============*/
.upload-photo-button .slds-file-selector{justify-content: center;}
.upload-photo-button .slds-file-selector .slds-file-selector__button {font-size: 0; position: relative;}
.upload-photo-button .slds-file-selector .slds-file-selector__button:after {content: "Upload Photo"; font-size: 1rem;}
.upload-photo-button.poa-class .slds-file-selector .slds-file-selector__button:after {content: "Upload";}
.card-image-col{text-align: left; flex: 0 0 220px;}
.card-image-col .card-image {width: 220px; height: 180px; object-fit: cover; object-position:0% 15%; border-radius: 8px;}
.card-content-col {flex: 1;}
.contant-sub-lebel:empty {margin-right: 0px !important;}
.forceContentPanelFooter span.slds-p-left--x-small:first-of-type {display: none;}
.forceMobileOverlay .panel-header{text-align: left;}
.up-file-name {word-wrap: break-word; word-break: break-all;}
.line-height-none{line-height: normal;}
/*=========Chat CSS===========*/
body:has(.message-modal) {overflow: hidden;}
.message-modal {position: fixed; right: 0; top: 0; z-index: 9999; height: 100%; background: #fff; width: 720px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  transition: all ease-in-out 0.3s; display: flex; flex-direction: column;}
.message-modal-footer .slds-textarea {background:var(--bg-subtle); border: solid 0.25px  var(--input-border-color); color:var(--input-primary-color); height: 64px; border-radius:var(--border-radius); padding:20px 20px 1rem 24px; font-weight: 500; font-size: 1rem; line-height: 1.4;}
.message-action-wrap {display: flex; align-items: flex-end;}
.message-field{flex: 1; margin: 0 !important;}
.message-modal-footer .slds-button_brand{height: 64px; padding: 6px 2rem;}
.message-modal-footer .slds-textarea::placeholder {font-weight: 500;}
.chat-bubble.user-a .message-date-time {text-align: right;}
.chat-bubble.user-a {padding-left: 3rem; text-align: right;}
.chat-bubble.user-b {padding-right: 3rem;}
.chat-bubble .message-text{padding:0.75rem 1rem; border-radius:1rem; word-break: break-word; word-wrap: break-word; display: inline-block; max-width: 90%; vertical-align: top; text-align: left;}
.chat-bubble.user-a .message-text{background:var(--bg-moderate-brown); color: var(--color-white);}
.chat-bubble.user-b .message-text{background:var(--bg-blue-subtle); color: var(--text-color-base);}
.message-date-time {padding: 8px 1.5rem 0 1.5rem; font-size: 13px;}
.message-empty {text-align: center; display: flex; flex-wrap: wrap; justify-content: center;  height: 100%; align-items: center; padding: 2rem 6rem;}
.msg-info-text{color:#6D7083; padding:1.5rem; text-align: center; font-size: 16px; background: #fff;}
.message-action-wrap .message-field label.slds-form-element__label{ position: absolute; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); text-transform: none; white-space: nowrap; }
.slds-modal__container:has(.cs-modal.cs-chat-modal){padding: 0 !important; margin: 0 !important; right: 0; left: inherit; height: 100dvh; width:720px; border-radius: 0; max-width: 100%; min-width: 100%;}
.slds-modal:has(.cs-modal.cs-chat-modal){right: 0 !important; left: inherit; top: 0; bottom: inherit;}
.cs-modal.cs-chat-modal{height: 100dvh; border-radius: 0; padding:0; display: flex; flex-direction: column;}
.cs-modal.cs-chat-modal lightning-modal-body {flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; background: #fff;}
.cs-modal.cs-chat-modal .slds-modal__content {min-height:auto !important; max-height: inherit !important; height: 100%; padding:1.5rem 2rem;}
.cs-modal.cs-chat-modal .slds-modal__header {padding: 1.5rem 2rem;  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .11); height: 82px; border-radius: 0;}
.cs-modal.cs-chat-modal .slds-modal__header h1.slds-modal__title {margin: 0; font-family:var(--font-GT-Super-Ds); font-weight:normal; font-style: normal; color:var(--text-color-base); letter-spacing: 0.013px; font-size: 2rem; line-height: normal;}
.cs-modal.cs-chat-modal .slds-modal__footer{padding: 0; border-radius: 0;}
.cs-modal.cs-chat-modal .message-modal-footer {background: #fff;  width: 100%; padding: 1.5rem 2rem;  box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, .1); height: 112px;}
.slds-modal__container:has(.cs-modal.cs-chat-modal) .slds-button_icon.slds-modal__close.custom-modal-close{top: 25px; right: 2rem;}
.message-thread li:last-child .chat-bubble.slds-m-bottom_large {margin-bottom: 0 !important;}
.cs-modal.cs-chat-modal .message-modal-contant {height: 100%;}
/*=========Chat CSS End===========*/

.count-badge{width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: var(--primary-cs-red); color: var(--color-white); font-size:14px; font-weight: 500 !important; aspect-ratio:1/1;}
body:has(.cs-modal.cs-chat-modal){overflow: hidden;}
.font-medium{font-size: 20px;}
.skip-link{left: 30px; position: fixed; top: -70px;  transition:all ease 0.3s; z-index: 999;}
.skip-link:focus{ top:15px;}
.slds-spinner_container {background: #fff; position: fixed; height: 100%; width: 100%; z-index: 9999;}
body:has(.slds-spinner_container){overflow: hidden;}
.slds-spinner_medium.slds-spinner:before, .slds-spinner_medium.slds-spinner:after, .slds-spinner_medium .slds-spinner__dot-a:before, .slds-spinner_medium .slds-spinner__dot-b:before, .slds-spinner_medium .slds-spinner__dot-a:after, .slds-spinner_medium .slds-spinner__dot-b:after, .slds-spinner--medium.slds-spinner:before, .slds-spinner--medium.slds-spinner:after, .slds-spinner--medium .slds-spinner__dot-a:before, .slds-spinner--medium .slds-spinner__dot-b:before, .slds-spinner--medium .slds-spinner__dot-a:after, .slds-spinner--medium .slds-spinner__dot-b:after{background:#7800cc ;}
/*community spinner*/
.siteforceLoadingBalls.global { display: none !important; opacity: 0 !important; visibility: hidden !important; }
.siteforcePanelsContainer.hideEl, .siteforcePanelsContainer .hideEl { display: none !important; }

/*==============Footer CSS Start=============*/
.footer-wrapper {background: var(--bg-subtle); box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.11);}
.footer-container {max-width: 1440px; margin: auto; padding:2rem 4rem;}
.footer-top-row {display: flex; align-items: center; justify-content: space-between; padding-bottom:4rem; flex-wrap: wrap;}
.logo-footer {width: 140px;}
.logo-footer img {width: auto !important; height: auto !important;}
ul.footer-links {display: inline-flex; flex-direction:row; width: 100%; justify-content: space-between; flex-wrap: wrap;}
ul.footer-links a{color: var(--text-color-base); text-decoration: none;}
ul.footer-links a:hover{color: var(--primary-cs-red); text-decoration: none;}
.comm-content-footer {display: none;}
span.gracePeriodText {font-weight: 500;}
c-v-s-o-e-home-page-components {display: flex; flex-direction: column; height: 100vh;}
.slds-container_x-large.page-container {flex: 1 1 auto; width: 100%;}

/*================Get Help CSS Start============*/
.get-help {position: fixed; right: 2rem; bottom: 2rem;}
.get-help-button{display: flex; align-items: center; background: #262C59; box-shadow:0 1px 2px 0 rgba(25, 25, 25, 0.16); border: 0; border-radius: 60px; height: 56px; padding:2px 1rem; gap: 8px; font-weight: normal; letter-spacing: 0.8px; color: var(--color-white); }
.get-help-button .get-help-avatar{width: 32px; height: 32px; border-radius: 100%; object-fit: cover; object-position: 0% 15%;}
.slds-notify_toast {position: relative !important; top: 30px !important;  z-index: 99999 !important;}


lightning-spinner.newspinner.slds-spinner_container {left: 380px; top: 73px; position: absolute; width: auto; height: auto; background: rgba(256, 256, 256, 0.7);}

/*================Standard Modal Close Icon============*/
lightning-button-icon.slds-button.slds-button_icon.slds-modal__close { display: none; }
 

@media(max-width:1280px){
  h1.slds-text-heading_large {font-size: 2.375rem; margin-bottom: 1rem;}
  .slds-text-heading_medium {font-size: 28px; margin-bottom: 1rem;}
  .landing-page h1.slds-text-heading_large {margin-bottom: 24px;}
  .slds-container_x-large {padding:7rem 3rem 3rem 3rem;}
  .main-title-area p br{display: none;}
  h1.slds-text-heading_large.slds-m-bottom_x-large{margin-bottom: 1rem;}
  .page-right-section {padding-left: 3rem;}
  .homepage-content-section {padding-right:2rem;}
  .cs-modal .slds-modal__content {max-height:88vh !important;}
  .footer-container {padding: 2rem 3rem;}
  .footer-top-row {padding-bottom: 3rem;}
  lightning-spinner.newspinner.slds-spinner_container {left: 300px;}
}

@media(max-width:1024px){
  .slds-m-bottom_x-large {margin-bottom: 1.5rem;}
  .slds-m-top_x-large {margin-top: 1.5rem;}
  .slds-m-bottom_xx-large {margin-bottom: 2rem;}
  .slds-p-around_x-large {padding: 1rem;}
  .hide-mobile{display: none;}
  .account-button span, .msg-label-text{visibility: hidden; width: 0; height: 0; flex: inherit; margin: 0;}
  .cs-logo-mobile {display: block;}
  .profile-name-circle {margin: 0;}
  .page-right-section {padding-left:0px; width: 100%;}
  .slds-container_x-large {padding:11.5rem 1.5rem 1.5rem 1.5rem;}
  .slds-container_x-large.header-container{padding-left: 1.5rem; padding-right: 1.5rem;}
  .slds-container_x-large.page-container.container-inner-page, .slds-container_x-large.page-container.landing-page {padding-top:6rem !important;}
  .main-title-area .main-title-text-left {margin:0px; width: 100%;  flex: auto; margin-bottom:1rem;}
  .section-block {margin-bottom: 2rem;}
  .landing-page h1.slds-text-heading_large {margin-bottom: 20px;}
  .button-group button.button-liner {width: 100%; margin: 10px 0; height: auto;}
  .cs-modal .slds-modal__title {font-size: 22px;}
  .blue-gray-box-row {flex-wrap: wrap;}
  .blue-gray-box-row .default-card{height: auto;}
  .cs-modal .slds-modal__content {padding:1rem;}
  .question-label {font-size:18px;}
  .cs-logo-title {font-size: 14px; margin-left: 8px;}
  .sidebar-navigation {width: 100%; position: fixed; top: 72px; background:var(--bg-white); left: 0; padding: 1.5rem; z-index: 2;}
  .sidebar-navigation .sidebar-nav-list { display: flex ; align-items: center; justify-content: space-between; border-radius: 60px; background: var(--bg-subtle); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);}
  .sidebar-navigation li.sidebar-nav-item {margin: 0; width: 25%;}
  .sidebar-navigation li.sidebar-nav-item .sidebar-nav-label{visibility: hidden; width: 0px; height: 0;}
  .sidebar-navigation li.sidebar-nav-item .sidebar-nav-icon {margin-right: 0;}
  .sidebar-navigation li.sidebar-nav-item a.active-link .sidebar-nav-label{display: flex; visibility: visible; width: auto; height: auto;}
  .sidebar-navigation li.sidebar-nav-item a.active-link .sidebar-nav-icon {margin-right:8px;}
  .sidebar-navigation li.sidebar-nav-item a{padding:0px 1rem; font-size: 14px; justify-content: center;}
  p.info-italic-text.slds-m-top_large {margin-top: 0.5rem;}
  .alternative-section .slds-grid {flex-wrap: wrap;}
  .alternative-section .alternative-col-left{border: 0px; border-bottom: solid 1px var(--border-color-subtle); padding-right: 0.75rem; padding-bottom: 1rem; margin-bottom: 1rem;}
  .alternative-section .alternative-col-right {padding-left: 0.75rem;}
  .encounter-list-container, .custom-accordion .slds-accordion__content{padding: 0;}
  .full-screen .slds-container_x-large.page-container.container-inner-page .main-content-container.docusign-page .section-with-top-border {margin-top: 0;}
  .page-middle-section {padding: 0;}
  .homepage-content-section {padding-right: 0;}
  .msg-link.slds-m-right_large {margin-right: 10px;}
  .homepage-right-section{width: 100%;}
  .ves-section .slds-p-around_large.bg-blue-box {padding-top: 1rem; padding-bottom: 1rem;}
  .ves-section .info-italic-text {padding-top: 1rem;}
  .message-modal+.slds-backdrop {display: none;}
  .message-modal {width: 100%; top: 74px; height: calc(100% - 74px);}
  .message-modal-header, .message-modal-footer {padding: 1rem 1.5rem;}
  .message-modal-header .slds-button {right: 1.5rem; top: 1rem;}
  .message-modal-footer .slds-button_brand {height: 44px; padding: 6px 1rem;}
  .session-detail-col{margin-bottom: 1rem;}
  .ves-actions {text-align: left;}
  .sidebar-navigation li.sidebar-nav-item a.active-link .count-badge{margin-left: 8px;}
  .slds-modal:has(.cs-modal.cs-chat-modal) {width: 100%;}
  .cs-modal.cs-chat-modal .slds-modal__header {padding: 1rem 1.5rem; height: 62px;}
  .cs-modal.cs-chat-modal .message-modal-footer {padding: 1rem 1.5rem; height: 98px;}
  .cs-modal.cs-chat-modal .slds-modal__content {padding: 1.5rem;}
  .cs-modal.cs-chat-modal .slds-modal__header h1.slds-modal__title{font-size: 26px;}
  .slds-modal__container:has(.cs-modal.cs-chat-modal) .slds-button_icon.slds-modal__close.custom-modal-close {top:15px; right: 1rem;}
  .cs-modal.cs-chat-modal .slds-modal__footer .message-modal-footer .slds-button{margin-left: 1rem !important;}
  .slds-modal__container:has(.cs-modal.cs-chat-modal) {width: 100%; /*top: 73px;*/}
  .cs-modal.cs-chat-modal{/*padding-top:73px;*/ background: none;}
  .footer-container {padding:1.5rem;}
  .footer-top-row {padding-bottom:1.5rem;}
  .footer-copyright {width: 100%; margin-top: 1.5rem;}
  .footer-links li {width: 100%; margin-bottom: 1.5rem;}
  .cs-modal.cs-chat-modal{overflow-y: auto; margin-bottom: 98px;}
  .cs-modal.cs-chat-modal lightning-modal-body {min-height:auto;}
  .cs-modal.cs-chat-modal .slds-modal__content{overflow: inherit;}
  .cs-modal.cs-chat-modal lightning-modal-footer {position: fixed; bottom: 0; width: 100%; z-index: 2;}
  .get-help {right: 1.5rem; bottom: 1.5rem; z-index: 1;}
  lightning-spinner.newspinner.slds-spinner_container {left:0px; top:165px;}
}


@media(max-width:768px){
  h1.slds-text-heading_large {font-size: 2rem;}
  .slds-text-heading_medium {font-size: 24px;}
  .sidebar-navigation li.sidebar-nav-item {width: auto;}
  .sidebar-navigation li.sidebar-nav-item a{font-size: 12px;}
  .second-opinion-card-left-col {padding: 0 0 15px 0; flex: inherit;}
  .slds-modal__container:has(.cs-modal.modal-custom-width){width:auto !important; min-width: auto !important;}
  .button-full-width, .full-width, .card-horizontal-content-col{width: 100%; height: auto;}
  .slds-modal__footer .slds-button, .add-event-btn .slds-button.button-full-width {margin:0 0 1rem 0 !important;}
  .slds-modal__footer .slds-button:last-child, .add-event-btn .slds-button.button-full-width:last-child{margin-bottom:0px !important;}
  .slds-modal__footer .slds-button:last-child {margin-bottom: 0 !important;}
  .button-groups .slds-button{margin:0 0 1.5rem 0 !important;}
  .button-groups .slds-button:last-child{margin-bottom: 0 !important;}
  .mobile-reverse {flex-direction: column-reverse; display: flex;}
  .mobile-reverse.button-groups .slds-button{margin:1.5rem 0 0 0 !important;}
  .mobile-reverse.button-groups .slds-button:last-child{margin-top: 0 !important;}
  .alert-box {padding: 1.25rem;}
  .second-opinion-questions-wrap .cs-form-container .slds-textarea {height: 128px; min-height: 128px;}
  .default-card.slds-p-around_large {padding: 1rem;}
  .contant-row {padding-bottom: 1rem; margin-bottom: 1rem; flex-wrap:wrap;}
  .contant-left-col {width: 100%; padding: 0 0 1rem 0;}
  .contant-right-col {margin: 0px; width: 100%;}
  .card-horizontal-content-row {flex-wrap: wrap;}
  .card-horizontal-content-col {margin-bottom: 1rem;}
  .card-horizontal-actions-col {margin: 0; width: 100%;}
  .encounter-list-card .card-horizontal-content-row{flex-wrap: nowrap; align-items: flex-start;}
  .encounter-list-card .card-horizontal-content-row .slds-col{width:auto;}
  .encounter-list-card .card-horizontal-content-col {margin-bottom: 0;}
  .encounter-list-card .card-horizontal-content-row .card-horizontal-actions-col{margin-left: 1rem; line-height: normal;}
  .encounter-list-container .slds-card, .slds-accordion__content .slds-card{padding-left: 1rem; padding-right: 1rem;}
  .section-subtitle-title-col {align-items: inherit;}
  .section-subtitle-title-col .text-link-light {margin-top: 2px;}
  .location-detail-form-edit {flex-direction: column-reverse;}
  .location-detail-form-edit .slds-col.card-horizontal-content-col {margin: 1.5rem 0 0 0;}
  .file-upload-form {padding-left: 0;}
  .file-upload-box .slds-file-selector, .file-upload-box .slds-file-selector slot, .file-upload-box .slds-file-selector__button, .file-upload-field .slds-file-selector slot, .file-upload-field .slds-file-selector, .file-upload-field .slds-file-selector__button  {width: 100%;}
  .file-upload-section {min-height: auto;}
  .encounter-list-card .card-horizontal-content-row .card-horizontal-actions-col .text-link-light{margin-top: 3px;}
  .date-name-col.slds-m-right_medium {width: 100%; margin: 0;}
  .file-uploaded-row .uploaded-file-name {padding: 0 0 0.5rem 0; flex: inherit; width: 100%;}
  .file-uploaded-row {flex-wrap: wrap; padding: 1rem;}
  .slds-button_neutral, .slds-button_neutral{height: auto; line-height: 1.6;}
  .alert-bg-cloud .alert-text-area {padding:0 2.5rem 1rem 0;}
  .alert-bg-cloud .alert-content {padding-right: 0; flex-wrap: wrap;}
  .alert-box .alert-close-button {position: absolute; top: 1.25rem; right: 1.25rem;}
  .message-empty {padding: 0;}
  .account-dropdown {position: inherit;}
  .account-dropdown .dropdown-menu {top: 64px; width: 100%; padding: 0 1.5rem;}
  .account-dropdown .dropdown-menu .dropdown-item {width: 100%; justify-content: center;}
  .file-details-col {padding-right: 0;}
  .readonly-label-value.file-type-col {width: 100%;}
  .session-day, .session-time, .session-date{width: auto;}
  .card-image-col {width: 100%; margin: 0 0 1rem 0; flex: auto;}
  .card-image-col .card-image{width:auto; height: 233px;}
  .msg-info-text {font-size: 14px; padding: 1rem;}
  .line-height-none {line-height: 1.875rem;}
  .iframe-container{height: auto;}
  .iframe-container iframe{height: 500px;}
}

@media(max-width:576px){
  .card-image-col .card-image{width:100%;}
  .iframe-container iframe{height:400px;}
}

@media(max-width:520px){
  .cs-form-container .slds-form-element .custom-date-input.slds-input{padding: 32px 24px 2px 24px;}
  .cs-form-container .slds-form-element:has(.custom-date-input.slds-input) .slds-form-element__label{top: 13px; line-height: normal; width: 88%;}
  .cs-form-container .slds-form-element:has(.slds-input:focus) .slds-form-element__label, 
  .cs-form-container .slds-form-element:has(.slds-input:not(:placeholder-shown)) .slds-form-element__label, 
  .cs-form-container .slds-form-element:has(.slds-combobox__input[aria-expanded="true"]) .slds-form-element__label, 
  .cs-form-container .slds-form-element:has(.slds-combobox__input.slds-combobox__input-value) .slds-form-element__label, 
  .cs-form-container .slds-form-element:has(.slds-textarea:focus) .slds-form-element__label, 
  .cs-form-container .slds-form-element:has(.slds-textarea:not(:placeholder-shown)) .slds-form-element__label, 
  .cs-form-container .slds-form-element:has(.slds-textarea:focus) .slds-form-element__label, 
  .cs-form-container .slds-form-element:has(.slds-textarea:not(:placeholder-shown)) .slds-form-element__label{letter-spacing: normal;}
}

@media(max-width:404px){
  .cs-form-container .slds-form-element:has(.custom-date-input.slds-input:focus) .slds-form-element__label, .cs-form-container .slds-form-element:has(.custom-date-input.slds-input:not(:placeholder-shown)) .slds-form-element__label{top: 2px; line-height: normal; width: 88%;}
}