.entity-notes.attachment {
    width: 80%;
}

html[dir="ltr"] .entity-notes .note .metadata {
    display: flex;
}

.col-md-3.metadata {
    display: flex;
}

.note .attachment .link {
    width: 80%;
}

.entity-notes .note {
    padding-left: 5px;
    padding-right: 5px;
}

html[dir=ltr] .entity-notes a.addnote {
    float: right;
    width: 105px;
}

.note-actions.row {
    margin-left: 680px;
}

a.addnote.btn.btn-default {
    background-color: #323130;
    color: #fff;
}

.text {
    width: 325px;
    margin-left: 15px;
}

.feedbackHeader {
    width: 458px;
    height: 40px;
    font-family: Segoe ui;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0px;
}

.exportButton {
    display: flex;
    justify-content: flex-end;
}

.aboutProgramContainer {
    display: flex;
    justify-content: space-between;
    max-width: var(--container-max-width-desktop);
    padding: 0px 32px 0px 32px;
    gap: 24px;
    background: radial-gradient(100% 615.6% at 100% 45.47%, #F4E7FB 0%, #F7FBF8 69.32%, #F5FDFF 100%);
    align-items: center;
}

.textHeader {
    font-family: Segoe ui;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Brand-Foreground-1-Rest, #1C60DF);
}

.textSubHeader {
    font-family: Segoe ui;
    font-size: 32px;
    font-weight: 600;
    line-height: 38.4px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
}

.firstContainer {
    width: 486px;
}

.textDescription {
    font-family: Segoe ui;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-2-Rest, #424242);
}

.firstContainerContent {
    padding: 44px 0px 44px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 373px;
    justify-content: center;
}

.workshopContent {
    width: 768px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.workshopContainer {
    padding: 96px 0px 96px 0px;
    justify-content: center;
    display: flex;
    background: #FAFAFA;
}

.workshopsHeader {
    font-family: Segoe ui;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Brand-Foreground-1-Rest, #1C60DF);
}

.workshopsSubHeader {
    font-family: Segoe ui;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
}

.workshopsDescription {
    font-family: Segoe ui;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-2-Rest, #424242);
}

.locationContainer {
    display: flex;
    align-items: center;
}

.locationText {
    width: 71px;
    height: 24px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--colors-text-text-tertiary-600, #475467);
}

.worldWideText {
    width: 240px;
    height: 44px;
    padding: 10px 14px 10px 14px;
    border-radius: 4px;
    background: var(--Colors-Background-bg-primary, #FFFFFF);
    border: 1px solid var(--Colors-Border-border-primary, #D0D5DD);
    box-shadow: 0px 1px 2px 0px #1018280D;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--colors-text-text-primary-900, #101828);
}

.workshopSection {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.scheduleWeek {
    display: flex;
    justify-content: center;
    gap: 100px;
    padding: 12px 10px 12px 10px;
    background: #FAFAFA;
}

.scheduleDay {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
    border-bottom: 4px solid var(--Brand-Foreground-1-Rest, #1C60DF);
}

.scheduleWeek {
    display: flex;
    justify-content: center;
    gap: 24px;
    padding: 12px 10px 12px 10px;
    background: #FAFAFA;
}

.scheduleDay {
    font-family: Segoe ui;
    font-size: var(--Size300);
    font-weight: 600;
    line-height: var(--Lineheight300);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
    border-bottom: 4px solid var(--Brand-Foreground-1-Rest, #1C60DF);
}

.scheduleWorkshopContainer {
    min-width: 560px;
    padding: 24px 32px 32px 32px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--Neutral-Stroke-3-Rest, #F0F0F0);
    box-shadow: 0px 1px 2px 0px #00000047;
    gap: 16px;
    background: #FFFFFF;
}

.scheduleWorkshopHeader {
    font-family: Segoe ui;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.WorkshopTime {
    font-family: Segoe ui;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Brand-Foreground-1-Rest, #1C60DF);
}

.WorkshopMentor {
    font-family: Segoe ui;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
}

.WorkshopCountryLocation {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-3-Rest, #616161);
}

.WorkshopMembersContainer {
    display: flex;
    justify-content: space-between;
    height: 32px;
    gap: 32px;
}

.WorkshopMembersContent {
    display: flex;
    flex-direction: row;
}

.WorkshopMembersContent {
    display: flex;
    flex-direction: row;
    gap: 0px;
    border-radius: 16px;
    padding: 2px;
    border: 1px solid var(--Neutral-Stroke-1-Rest, #D1D1D1);
}

.WorkshopMembersName {
    height: 24px;
    padding: 0px 6px 0px 6px;
    gap: 2px;
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-2-Rest, #424242);
    align-items: center;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-top: 5px;
    text-align: center;
}

.WorkshopMembersSection {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.viewDetails {
    border: 1px solid var(--Neutral-Stroke-1-Rest, #D1D1D1);
    background: #FFFFFF;
    padding: 6px 12px;
    border-radius: 4px;
    align-items: center;
    display: flex;
}

.scheduleWorkshop {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.viewMore {
    width: 118px;
    height: 46px;
    border: 1px solid var(--Neutral-Stroke-1-Rest, #D1D1D1);
    box-shadow: 0px 1px 2px 0px #1018280D;
    border-radius: 8px;
    font-family: Segoe UI;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
    padding: 12px 20px;
    display: flex;
    justify-content: center;
}

.workshopReviewsMainContainer {
    background: #FAFAFA;
}

.workshopReviewsContainer {
    padding: 16px;
    gap: 8px;
    border-radius: 8px;
    background: #FAFAFA;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.workshopReviewsMainContainer {
    background: #FAFAFA;
}

.workshopReviews {
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1a76bc;
}

.workshopReviewsContent {
    font-family: Segoe UI;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.workshopReviewsSection {
    /*padding: 16px;*/
    gap: 24px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.workshopReviewsSubSection {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0px 1.6px 3.6px 0px #00000021;
}

.reviewerDetails {
    display: flex;
    flex-direction: column;
}

.reviewerName {
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.reviewerDesignation {
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.reviewerDescription {
    display: flex;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2A2A2A;
}

.partnerFooterContainer {
    height: 561px;
    padding: 56px 0px 56px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.partnerFooterHeader {
    font-family: Segoe ui;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
    font-size: 32px;
}

.partnerFooterDescription {
    font-family: Segoe ui;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-2-Rest, #424242);
}

.partnerFooterButtons {
    display: flex;
    justify-content: space-between;
    padding: 0px 64px 0px 64px;
    gap: 16px;
}

.footerButton {
    width: 247px;
    height: 54px;
    padding: 16px 24px;
    gap: 10px;
    border-radius: 4px;
    display: flex;
    border: 1px solid var(--Colors-Neutral-Grey-76, #C2C2C2);
    box-shadow: 0px 1px 2px 0px #1018280D;
    font-family: Segoe ui;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Colors-Neutral-Grey-16, #292929);
    justify-content: center;
}

#customerBookedContainer {
    justify-content: center;
    padding: 115px 80px;
}

.workshopStatus {
    width: 85px;
    height: 32px;
    background: var(--Colors-Brand-Comm-Blue-160, #EBF3FC);
    border: 1px solid var(--Neutral-Stroke-Transparent-Rest, #FFFFFF);
    justify-content: center;
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: var(--Line-height300);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-2-Rest, #424242);
    border-radius: 4px;
    align-items: center;
    display: flex;
}

.PartnerDetailsTab {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.PartnerDetailsField1 {
    font-family: Segoe ui;
    font-size: var(--Size300);
    font-weight: 600;
    line-height: var(--Lineheight300);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
}

.PartnerDetailsMultipleInput1 {
    width: 480px;
    height: 48px;
    padding: 10px 14px 10px 14px;
    border-radius: var(--radius-md);
    background: var(--Neutral-Background-1-Rest, #FFFFFF);
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    box-shadow: 0px 1px 2px 0px #1018280D;
    display: flex;
    align-items: center;
}

.PartnerDetailsQueryContainer {
    height: auto;
    padding: 8px 16px;
    border-radius: var(--radius-md);
    background: var(--Neutral-Background-1-Rest, #FFFFFF);
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    box-shadow: 0px 1px 2px 0px #1018280D;
    display: flex;
    align-items: center;
}

#PartnerDetailsMultipleInput1 {
    width: 125px;
    height: 25px;
    align-items: center;
    background: var(--Neutral-Background-Disabled-Rest, #F0F0F0);
    border: var(--Neutral-Background-Disabled-Rest, #F0F0F0);
}

.errorMessage {
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--colors-text-text-tertiary-600, #475467);
}

.documentsDetailsTab {
    width: 758px;
}

.feedbackDetailsTab {
    width: 1024px;
    min-width: 560px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: #FFFFFF;
}

.feedbackHeaderContainer {
    display: flex;
    flex-direction: row;
    gap: 286px;
    padding: 24px 32px 32px 32px;
}

.feedbackContainer {
    width: 1024px;
    min-width: 560px;
    padding: 24px 32px 32px 32px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--Neutral-Stroke-3-Rest, #F0F0F0);
    box-shadow: 0px 1px 2px 0px #00000047;
    gap: 16px;
    background: #FFFFFF;
}

.exportFeedback {
    background: black;
    color: white;
    padding: 10px 20px 10px 20px;
}

.feedbackHeading {
    text-decoration: underline;
    font-size: x-large;
    font-weight: 600;
    height: 40px;
}

.uploadContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--Colors-Neutral-Grey-96, #F5F5F5);
    border: 0px solid var(--Neutral-Stroke-Transparent-Rest, #FFFFFF);
    border-radius: 10px 10px 0px 0px;
    width: 758px;
    height: 32px;
    padding: 0px 10px;
}

.uploadSection {
    display: flex;
    gap: 8.5px;
    align-items: center;
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: var(--Line-height200);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-2-Rest, #424242);
}

#searchDocument {
    border: 0px solid var(--Stroke, #EAECF0);
    width: 136px;
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: var(--Line-height200);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-4-Rest, #707070);
}

.listViewField {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.view-grid table th, .view-grid table th a {
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #323130;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: white;
    color: var(--bs-table-striped-color);
}

.view-grid.table-responsive {
    padding-left: 48px;
}

.partnerAvailabilityContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 56px;
    background: #F9FAFB;
}

.partnerPostAvailabilityContainer {
    width: 615px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 46px;
}

#mssh_modality {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    box-shadow: 0px 1px 2px 0px #1018280D;
}

.msos-container:not(.msos-disabled) {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0) !important;
    box-shadow: 0px 1px 2px 0px #1018280D !important;
    border-radius: 5px;
}

    .msos-container:not(.msos-disabled).msos-focused {
        border-color: #E0E0E0 !important;
    }

#mssh_timezone {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0) !important;
    box-shadow: 0px 1px 2px 0px #1018280D !important;
    border-radius: 5px;
}

#mssh_startdate_datepicker_description {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0) !important;
    box-shadow: 0px 1px 2px 0px #1018280D !important;
    border-radius: 5px;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    background: white;
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0) !important;
    box-shadow: 0px 1px 2px 0px #1018280D !important;
}

#mssh_enddate_datepicker_description {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0) !important;
    box-shadow: 0px 1px 2px 0px #1018280D !important;
}

#mssh_primarypoc_name {
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0) !important;
    box-shadow: 0px 1px 2px 0px #1018280D !important;
}

.crmEntityFormView .actions {
    border-top: 0px solid #e5e5e5;
    display: flex;
    justify-content: center;
}

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    border: 0px solid #f2f2f2;
    background: #F9FAFB;
}

input#InsertButton {
    background: #1C60DF;
    box-shadow: 0px 1px 2px 0px #1018280D;
    width: 480px;
    height: 46px;
    padding: var(--spacing-lg) 18px var(--spacing-lg) 18px;
    border-radius: 4px;
    border-color: #1C60DF;
}

.partnerAvailabilityStepNumber {
    font-family: Segoe ui;
    font-size: 16px;
    font-weight: 600;
    line-height: var(--Lineheight400);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-4-Rest, #707070);
}

.partnerAvailabilityHeader {
    font-family: Segoe ui;
    font-size: 32px;
    font-weight: 600;
    line-height: var(--Lineheight800);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Primary, #101828);
}

.partnerAvailabilityBody {
    font-family: Segoe ui;
    font-size: 18px;
    font-weight: 400;
    line-height: var(--Lineheight400);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Secondary, #475467);
}

.msos-caret-container {
    margin-top: 2px;
    margin-right: 10px;
}

html[dir=ltr] .msos-selected-display-item {
    border-radius: 10px;
}

.msos-quick-delete {
    border-radius: 15px;
}

.partnerAvailabilityWorkshopContainer {
    width: 592px;
    min-width: 560px;
    padding: 16px 32px 16px 16px;
    border-radius: 8px;
    display: flex;
    background: var(--Neutral-Background-1-Rest, #FFFFFF);
    border: 1px solid var(--Neutral-Stroke-3-Rest, #F0F0F0);
    box-shadow: 0px 1px 2px 0px #00000047;
}

.partnerAvailabilityWorkshop {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
}

.text-muted {
    display: none;
}

#PreviousButton:focus {
    background-color: white;
}

.WorkshopEventsMainContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--Colors-Neutral-Grey-98, #FAFAFA);
}

.WorkshopEventsHeaderContainer {
    width: 1280px;
    height: 196px;
    padding: 43px 566px 69px 152px;
    background: radial-gradient(100% 615.6% at 100% 45.47%, #F4E7FB 0%, #F7FBF8 69.32%, #F5FDFF 100%);
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.WorkshopEventsHeader {
    width: 562px;
    height: 38px;
    font-family: Segoe Ui;
    font-size: 32px;
    font-weight: 600;
    line-height: 38.4px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.WorkshopEventsDescriptions {
    width: 562px;
    height: 22px;
    font-family: Segoe ui;
    font-size: 16px;
    font-weight: 400;
    line-height: var(--Lineheight400);
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.WorkshopEventsBodyContainer {
    width: 1450px;
    /*min-width: 480px;*/
    padding: 57px 120px 57px 120px;
    display: flex;
    flex-direction: column;
    background: var(--Colors-Neutral-Grey-98, #FAFAFA);
}

.WorkshopEventsBodyHeader {
    width: 100%;
    height: 36px;
    font-family: Segoe ui;
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
}

.WorkshopEventsBodyDescription {
    font-family: Segoe Ui;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    width: 100%;
}

.WorkshopEventsBodySubContainer {
    width: 972px;
    height: 500px;
    justify-content: space-between;
    display: flex;
}

.WorkshopEventsSection1 {
    width: 286px;
    height: 96px;
}

.WorkshopEventsSection2 {
    width: 580px;
    height: 535px;
    padding: 24px;
    gap: 10px;
    border-radius: 12px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 2px 4px 0px #00000024;
}

.WorkshopEventsEntry {
    width: 286px;
    padding: 6px 10px 6px 10px;
    gap: 6px;
    border-radius: 4px;
    display: flex;
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.selected {
    width: 3px;
    height: 16px;
    border-radius: 999px;
    background: var(--Brand-Stroke-Compound-Rest, #0F6CBD);
    display: flex;
}

.WorkshopEventsDesignEntry {
    width: 532px;
    height: 22px;
    font-family: Segoe ui;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.WorkshopEventsDesignEntryDetails {
    width: 532px;
    height: 420px;
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.workshop-intro {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.workshopContainer {
    background: #FAFAFA;
}

.workshopEventFilterMainContainer {
    width: 100%;
    height: 440px;
    padding: 37px 0px 37px 0px;
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.workshopEventFilterHeader {
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.workshopEventFilterDescription {
    font-family: Segoe UI;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.workshopEventSection {
    display: flex;
    flex-direction: row;
    gap: 40px;
    padding-bottom: 200px;
}

.workshopEventListContainer {
    width: 800px;
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.workshopEventListSection1 {
    width: 133px;
    height: 143px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.availabilityDate {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.availabilityTime {
    font-family: Segoe ui;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.shareAvailabilityDetail {
    width: auto;
    height: auto;
    padding: 6px 12px;
    gap: 6px;
    border-radius: 4px;
    display: flex;
    background: var(--Neutral-Background-1-Rest, #FFFFFF);
    border: 1px solid var(--Neutral-Stroke-1-Rest, #D1D1D1);
    align-items: center;
}

.shareAvailability {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.workshopEventSectionHeader {
    font-family: Segoe ui;
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.workshopEventListSubContainer {
    display: flex;
    flex-direction: row;
    width: 649px;
    height: 191px;
    padding: 24px;
    gap: 24px;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px #00000024;
}

.availabilityLocationCountry {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.availabilityLocationCity {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.workshopEventType {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.workshopEventTypeInPerson {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    gap: 8px;
}

.workshopEventLang {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    align-items: center;
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.workshopEventListSection2 {
    width: 231px;
    height: 48px;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.sessionLocationContainer {
    display: flex;
    flex-direction: row;
    gap: 4px;
    /*align-items: center;
    width: 183px;
    height: 32px;*/
}

.locationDetail {
    font-family: Segoe ui;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-3-Rest, #616161);
}

::placeholder {
    color: var(--Neutral-Foreground-3-Rest, #616161);
}

.supportRequestHeader {
    height: 40px;
    width: 480px;
    font-family: Segoe UI;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.supportRequestMainContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.supportRequestDesciption {
    height: 40px;
    width: 480px;
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Secondary, #475467);
}

.supportRequestContainer {
    width: 640px;
    height: 616px;
    gap: 48px;
    display: flex;
    justify-content: center;
}

.formlabel {
    width: 87px;
    height: 20px;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-1-Rest, #242424);
}

.supportRequestContent {
    width: 480px;
    padding: 10px 14px 10px 14px;
    gap: 8px;
    border-radius: 8px;
    display: flex;
    background: var(--Neutral-Background-2-Rest, #FAFAFA);
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    box-shadow: 0px 1px 2px 0px #1018280D;
}

.formField {
    width: 480px;
    gap: 6px;
    display: flex;
    flex-direction: column;
}

.supportRequestName {
    font-family: Segoe UI;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Neutral-Foreground-2-Rest, #424242);
}

.supportRequestFormContainer {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.backArrow {
    font-family: Segoe UI;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Primary, #101828);
    gap: 16px;
    display: flex;
    align-items: center;
}

.searchMainContainer {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.loadResultCount {
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Colors-Neutral-Grey-32, #525252);
}

.searchListSubContainer {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 24px 24px 24px 0px;
}

.searchListSection {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.searchResultHeader {
    font-family: Segoe UI;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Colors-Brand-Comm-Blue-80, #0F6CBD);
}

.searchListURL {
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Colors-Shared-Dark-green-Primary, #0B6A0B);
}

.searchListBody {
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--Text-Primary, #101828);
}

.searchListContainer {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.eventQuestion {
    padding: 8px 0px 8px 0px;
    border-radius: 4px;
    background: #FEFEFE;
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    gap: 4px;
    width: 465px;
}

.partnerQueriesContainer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 0px 16px 0px;
    width: 500px;
}

.footerLinkSection {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.microsoftFooterSubContainer1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 40px 24px 40px;
}

.footerLink {
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-decoration: none;
    /* text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: auto; */
}

.footerEventContainer {
    padding: 16px 120px 0px 120px;
    background: #FFFFFF;
}

.footerBody {
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #727272;
}

.microsoftFooterSubContainer2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    padding: 16px 40px 24px 40px;
}

.socialMediaContainer {
    display: flex;
    flex-direction: row;
    height: 16px;
}

.socialMediaLogo {
    width: 16px;
    height: 16px;
    padding: 1px 4px 1px 4px;
    gap: 8px;
    border-radius: 54px;
    display: flex;
    background: #FFFFFF;
}

.aboutEventProgramContainer {
    padding: 64px 160px 64px 160px;
    gap: 80px;
    justify-content: center;
    background: #FFFFFF;
    display: flex;
    align-items: center;
}

.arrow-icon {
    width: 10.5px;
    height: 5.25px;
    transition: transform 0.3s ease;
    margin-top: 5px;
}

.answer {
    display: none;
    padding: 10px;
    background-color: #f1f1f1;
    margin-top: 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.active .arrow-icon {
    transform: rotate(180deg);
}

.active .answer {
    display: block;
}
/* Dropdown button style */
.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

    .dropbtn:hover, .dropbtn:focus {
        background-color: #2980B9;
    }

/* Dropdown content style (initially hidden) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding: 10px;
    border: 1px solid #ddd;
    height: 30px;
    width: 500px;
    margin-left: -16.5px;
}

    /* Hover effect for items inside dropdown */
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

/* Show dropdown content when toggled */
.show {
    display: flex;
}

.optionSet {
    font-family: Segoe UI;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin-bottom: 0px;
}

.PartnerDetailsQueryOptionContainer {
    height: auto;
    padding: 8px 16px;
    border-radius: var(--radius-md);
    background: #d7d7d7;
    border: 1px solid var(--Neutral-Stroke-2-Rest, #E0E0E0);
    box-shadow: 0px 1px 2px 0px #1018280D;
    display: flex;
    align-items: center;
    margin-top: -8px;
}

.PartnerDetailsQueryOptionContainer {
    display: none;
}

    .PartnerDetailsQueryOptionContainer.show {
        display: block;
    }

.arrow-icon.rotate {
    transform: rotate(180deg);
}

@media (max-width: 320px) {
    .WorkshopEventsHeaderContainer {
        width: 312px !important;
        padding: 0px !important;
    }

    .WorkshopEventsBodyContainer {
        width: 312px !important;
        padding: 0px !important;
        min-width: 0px;
    }

    .WorkshopEventsBodyDescription {
        width: 312px !important;
    }

    .workshopEventSection {
        flex-direction: column;
        width: 312px;
    }

    .workshopEventListContainer {
        width: 312px;
    }

    .WorkshopEventsBodyHeader {
        width: 312px;
    }

    .multiport {
        width: 312px !important;
    }

    .workshopEventListSubContainer {
        flex-direction: column;
        gap: 10px;
    }

    .availabilityDate {
        font-size: 8px;
        line-height: 10px;
    }

    .availabilityLocationCity {
        font-size: 8px;
        line-height: 10px;
    }

    .workshopEventListSection1 {
        flex-direction: row;
        width: 231px;
        height: 48px;
    }

    .workshopEventType {
        flex-direction: row;
    }

    .workshopEventTypeInPerson {
        font-size: 8px;
        line-height: 10px;
    }

    .workshopEventLang {
        font-size: 8px;
        line-height: 10px;
    }

    .availabilityLocationCountry {
        font-size: 8px;
        line-height: 10px;
    }

    .viewWorkshopButtonDiv {
        width: 90px;
        height: 20px;
    }

    .viewWorkshopButton {
        font-size: 8px;
    }

    .availabilityTime {
        font-size: 8px;
        line-height: 10px;
    }
}

@media (min-width: 321px) and (max-width: 360px) {
    .aboutEventProgramContainer {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .WorkshopEventsHeaderContainer {
        width: 340px !important;
        padding: 0px !important;
    }

    .WorkshopEventsBodyContainer {
        width: 340px !important;
        padding: 0px !important;
    }

    .WorkshopEventsBodyDescription {
        width: 340px !important;
    }

    .workshopEventSection {
        flex-direction: column;
        width: 340px;
    }

    .workshopEventListContainer {
        width: 340px;
    }

    .WorkshopEventsBodyHeader {
        width: 340px;
    }

    .multiport {
        width: 340px !important;
    }

    .workshopEventListSubContainer {
        flex-direction: column;
        gap: 10px;
    }

    .availabilityDate {
        font-size: 8px;
        line-height: 10px;
    }

    .availabilityLocationCity {
        font-size: 8px;
        line-height: 10px;
    }

    .workshopEventListSection1 {
        flex-direction: row;
        width: 231px;
        height: 48px;
    }

    .workshopEventType {
        flex-direction: row;
    }

    .workshopEventTypeInPerson {
        font-size: 8px;
        line-height: 10px;
    }

    .workshopEventLang {
        font-size: 8px;
        line-height: 10px;
    }

    .availabilityLocationCountry {
        font-size: 8px;
        line-height: 10px;
    }

    .viewWorkshopButtonDiv {
        width: 90px;
        height: 20px;
    }

    .viewWorkshopButton {
        font-size: 8px;
    }

    .availabilityTime {
        font-size: 8px;
        line-height: 10px;
    }
}

@media (min-width: 361px) and (max-width: 640px) {
    .WorkshopEventsHeaderContainer {
        width: 610px !important;
        padding: 0px !important;
    }

    .WorkshopEventsBodyContainer {
        width: 610px !important;
        padding: 0px !important;
    }

    .WorkshopEventsBodyDescription {
        width: 610px !important;
    }

    .workshopEventSection {
        flex-direction: column;
        width: 610px;
    }

    .workshopEventListContainer {
        width: 610px;
    }

    .WorkshopEventsBodyHeader {
        width: 610px;
    }

    .multiport {
        width: 610px !important;
    }
}