:root {
    --spacing-xs: 4px;
    --spacing-s: 8px;
    --spacing-m: 12px;
    --spacing-l: 16px;
    --spacing-xl: 24px;
    --spacing-2xl: 32px;
    --Spacing-3xl: 40px;
    --Spacing-4xl: 80px;
    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 16px;
}
body {
    color: #363C3F;
}

.sidebarAyk {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    width: 280px;
    height:100vh;
    background: #FCFCFC;
    border-right: 1px solid #D5DBDD;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    display: flex;
    align-items: center;
    color: #363C3F;
}
.sidebarContent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    height: 100%;
}
.navContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 0px 0px;
    gap: 24px;
    width: 100%;
}
.sidebarHeader {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 20px 0px 24px;
    width: 100%;
}
.navigation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 16px;
    gap: 4px;
    width: 100%;
}
.navItemDefault {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    /*padding: 8px 12px !important;*/
    gap: 8px !important;
    width: 100% !important;
    height: 40px !important;
    background: #04407C !important;
    border-radius: 8px !important;
    font-family: 'Calibri' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 105% !important;
    text-decoration: none !important;
    color: #FCFCFC !important;
}

.navItemDropdown {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 12px;
    gap: 8px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    text-decoration: none;
    color: #363C3F;
    width: 100%;
    height: 40px;
}

#dashboard svg {
    width: 24px;
    height: 24px;
}
.sideContent {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
    width: 224px;
    height: 24px;
    cursor: pointer;
}
.navFooter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 16px 32px;
    gap: 24px;
    width: 100%;
}

.aykTitle {
    font-family: Calibri;
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #363C3F;
}

.searchbar {
    width: 375px;
    height: 40px;
    gap: var(--spacing-s);
    padding-top: var(--spacing-s);
    padding-right: var(--spacing-m);
    padding-bottom: var(--spacing-s);
    padding-left: var(--spacing-m);
    border-radius: var(--radius-m);
    border-width: 2px;
    padding-right: 40px; 
    border: 2px solid #D5DBDD;
}
.search-icon {
    margin-left:-30px;
}
.filterIcon {
    width: 44px;
    height: 40px;
    gap: var(--spacing-s);
    padding-top: var(--spacing-s);
    padding-right: var(--spacing-s);
    padding-bottom: var(--spacing-s);
    padding-left: var(--spacing-s);
    border-radius: var(--radius-m);
    border: 2px solid #D5DBDD;
    background-color: #FCFCFC;
}


.f-icon {
    width: 20px;
    height: 20px;
}

.filter.clicked {
    border: 2px solid #1C558E
}

.filterContainer {
    width: 312px;
    padding: var(--spacing-xl);
    gap: var(--spacing-l);
    border-radius: var(--radius-m);
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 5px;
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
    flex-direction: column;
    z-index: 100;
    border: 1px solid #D5DBDD
}

.filterDropdowns {
    width: 264px;
    height: 40px;
    gap: var(--spacing-s);
    padding-top: var(--spacing-s);
    padding-right: var(--spacing-m);
    padding-bottom: var(--spacing-s);
    padding-left: var(--spacing-m);
    border-radius: var(--radius-m);
    border-width: 2px;
    border: 2px solid #D5DBDD;
    background: #FCFCFC;
}

.dashboardDropdowns {
    width: 206px;
    height: 40px;
    gap: var(--spacing-s);
    padding-top: var(--spacing-s);
    padding-right: var(--spacing-m);
    padding-bottom: var(--spacing-s);
    padding-left: var(--spacing-m);
    border-radius: var(--radius-m);
    border-width: 2px;
    border: 2px solid #D5DBDD;
    background: #FCFCFC;
}

.filterButton {
    width: 140px;
    height: 40px;
    gap: var(--spacing-s);
    padding-top: var(--spacing-s);
    padding-right: var(--spacing-m);
    padding-bottom: var(--spacing-s);
    padding-left: var(--spacing-m);
    border-radius: var(--radius-m);
    background-color: #04407C;
    color: #FCFCFC;
}


.clearButton {
    width: 128px;
    height: 40px;
    gap: var(--spacing-s);
    padding-top: var(--spacing-s);
    padding-right: var(--spacing-m);
    padding-bottom: var(--spacing-s);
    padding-left: var(--spacing-m);
    border-radius: var(--radius-m);
    border: 2px solid #04407C;
    background-color: #FCFCFC;
    color: #04407C;
}
.pillarButton {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #D5DBDD;
    border-radius: 8px;
}
    .pillarButton.active {

        box-sizing: border-box;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        width: 100%;
        background: #F2F4F5;
        border: 1px solid #04407C;
        border-radius: 8px;
    }
.pillarButtonRji {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #D5DBDD;
    border-radius: 8px;
}
    .pillarButtonRji.active {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        width: 100%;
        background: #F2F4F5;
        border: 1px solid #04407C;
        border-radius: 8px;
    }

.pillarButtonSOC {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #D5DBDD;
    border-radius: 8px;
}
    .pillarButtonSOC.active {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        width: 100%;
        background: #F2F4F5;
        border: 1px solid #04407C;
        border-radius: 8px;
    }
.pillarButtonPest {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #D5DBDD;
    border-radius: 8px;
}
    .pillarButtonPest.active {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        width: 100%;
        background: #F2F4F5;
        border: 1px solid #04407C;
        border-radius: 8px;
    }
.pillarButtonPlast {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #D5DBDD;
    border-radius: 8px;
}
    .pillarButtonPlast.active {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        width: 100%;
        background: #F2F4F5;
        border: 1px solid #04407C;
        border-radius: 8px;
    }

.vector {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin: 0;
}
.buttonContent {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 8px;
    font-family: Calibri;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    width:100%
}

.chartCheckBox {
    width: 18px;
    height: 18px;
    background: #FCFCFC;
    border: 2px solid #2B639A;
}

.main-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width:100%
}

.mainHeader {
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 24px;
    gap: 80px;
    isolation: isolate;
    width: 100%;
    height: 72px;
    background: #FCFCFC;
    border-bottom: 1px solid #D5DBDD;

}

.headerSearchContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 100%;
    height: 40px;
}
.headerSearch {
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    width: 100%;
    height: 40px;
    background: #FCFCFC;
    border: 2px solid #D5DBDD;
    border-radius: 8px;

}

.topRightContent {

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
}

.mainBodyContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;
    width: 100%;
}

.companyContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 16px;
    width: 100%;
    background: #FCFCFC;
    border-radius: 8px;
}

.benchmarkHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px;
    gap: 16px;
    width: 100%;
    background: #FCFCFC;

    box-shadow: 0px 1px 3px rgba(22, 29, 33, 0.15);
    border-radius: 8px;

}

.benchmarkHeaderText {
    width: 34%;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #363C3F;
}

.benchmarkCompanySelect {
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    width: 349.33px;
    height: 40px;
    background: #FCFCFC;
    border: 2px solid #D5DBDD;
    border-radius: 8px;

}

.compareCompanyBasicInfo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    width: 100%;
    background: #FCFCFC;
    border-radius: 8px;
}
.basicInfoRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 100%;
    height: 24px;
}
.basicInfoCell {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 33%;
    height: 24px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 105%;

    display: flex;
    align-items: center;
    color: #04407C;
}

.basicInfoTitle {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 33%;
    height: 24px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 105%;
    display: flex;
    align-items: center;
    color: #363C3F;
}

.helpContainer {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;

}
.helpSelection {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 16px;
    gap: 16px;
    width: 400px;
    background: #FCFCFC;
    border-radius: 8px;
}
.helpText {

    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 16px;
    gap: 16px;
    background: #FCFCFC;
    border-radius: 8px;
    width:100%;
}
.helpTextTitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #363C3F;
}
.helpRow {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
}
.helpRowTitle {
    width: 100%;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 105%;

    display: flex;
    align-items: center;
    color: #363C3F;
}
.helpRowBody {
    width: 100%;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;

    display: flex;
    align-items: center;
    color: #646D73;
}
.buttonContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
}
.selectionButton {
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
    width: 368px;
    height: 44px;
    background: #FCFCFC;
    border: 1px solid #D5DBDD;
    border-radius: 8px;

}
    .selectionButton:active, .selectionButton:focus, .selectionButton[aria-selected="true"] {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        width: 368px;
        height: 44px;
        background: #F2F4F5;
        border: 1px solid #04407C;
    }

.providerContainer {

    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}
.providerInfoContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    width: 400px;
    height: 100%;
    background: #FCFCFC;
    border-radius: 8px;
}

.providerInfoTitle {
    height: 24px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #363C3F;
}

.providerInfo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 368px;
    height: 100%;
}
.providerBasicInfoRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 100%;
}
.providerBasicInfoText {
    width: 195px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    text-align: right;
    color: #646D73;
}

.providerDescText {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    color: #646D73;
}

.providerBasicInfoLogo {
    margin: 0 auto;
    width: 84px;
    height: 20px;
}

.providerBasicInfoTitle {
    height: 20px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 105%;
    color: #363C3F;
}
.providerDescRow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
}
.pageHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 12px;
    width: 100%;
    height: 40px;
}
.pageTitle {
    height: 39px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;

    display: flex;
    align-items: center;
    color: #363C3F;

}
.dropDownButtonBridge {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 200px;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    width: 200px;
    height: 40px;
    background: #FCFCFC;
    border: 2px solid #D5DBDD;
    border-radius: 8px;
}
.adasinaButton {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    height: 40px;
    background: #04407C;
    border-radius: 8px;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    text-align: center;
    color: #FCFCFC;

}

.dataProviderDataContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding: 16px;
    gap: 16px;
    width: auto;
    height: 100%;
    background: #FCFCFC;
    border-radius: 8px;
}
.dataProviderDataContainerHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 100%;
}
.dataProviderTable {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    background: #FCFCFC;
    border-radius: 8px;
}
.tableHeader {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #646D73;
}
.tableText {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;

    display: flex;
    align-items: center;
    color: #363C3F;

}

.profileContainer {
    display: flex;
    position: fixed;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    right: -600px;
    gap: 16px;
    width: 600px;
    height: 100%;
    background: #FCFCFC;
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    transition: right 0.3s ease;
    z-index: 1050;
}
    .profileContainer.show {
        right: 0;
    }

.profileFooter {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0px;
    gap: 16px;
    width: 100%;
}

.profileInfoContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

.profileInfoHeader {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
    height: 39px;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    display: flex;
    align-items: center;
    color: #363C3F;
}
.personalData {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 100%;
}
.personalDataContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 16px;
    gap: 16px;
    width: 100%;
    background: #F2F4F5;
    border-radius: 8px;
}

.personalDataRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 100%;
}

.personalDataRowContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
}

.icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 48px;
    height: 48px;
    background: #E8EBEC;
    border-radius: 999px;
}
.personalDataRowTitle {
    height: 17px;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;

    display: flex;
    align-items: center;
    color: #838F97;
}

.personalDataRowText {
    height: 24px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #363C3F;
}

.profileButtonContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 100%;
}


.subscription {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 100%;
}
.subscriptionContentContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
}

.subscriptionContainer {

    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: flex-start;
    padding: 24px 16px;
    gap: 16px;
    width: 552px;
    height: 93px;
    background: #F2F4F5;
    border-radius: 8px;

}
.profileSubtitle {
    width: 100%;
    height: 24px;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #363C3F
}

.editButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    height: 40px;
    background: #04407C;
    border-radius: 8px;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    text-align: center;
    color: #FCFCFC !important;
    text-decoration:none;
}

.changePass {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 4px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    text-align: center;
    color: #04407C;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    height: 40px;
    border-radius: 8px;
}

.profileFooterText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 416px;
    height: 70px;
}
.contactUsButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 120px;
    height: 40px;
    background: #04407C;
    border-radius: 8px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    text-align: center;
    color: #FCFCFC !important;
}

.updateInfoRow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 100%;
    height: 59px;
}
.updateInfoRowTitle {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 105%;

    display: flex;
    align-items: center;
    color: #363C3F;

}
.updateInfoTextBox {
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    width: 520px;
    height: 40px;
    background: #FCFCFC;
    border: 2px solid #D5DBDD;
    border-radius: 8px;
}
.updateInfoTextBox:active {

    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    width: 100%;
    height: 40px;
    background: #FCFCFC;
    border: 2px solid #1C558E;
    box-shadow: 0px 0px 0px 2px #91B1D0;
    border-radius: 8px;
}
.saveButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    height: 40px;
    background: #04407C;
    border-radius: 8px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;

    text-align: center;
    color: #FCFCFC;
}
.savePassButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    width: 70px;
    height: 40px;
    background: #04407C;
    border-radius: 8px;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;

    text-align: center;
    color: #FCFCFC;
}
.logout {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0px !important;
    gap: 4px !important;
    font-family: 'Calibri' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 105% !important;
    text-align: center !important;
    color: #04407C !important;
    background: #CA5353 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 8px 12px !important;
    gap: 8px !important;
    height: 40px !important;
    border-radius: 8px !important;
}
.cancelButton {

    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    width: 70px;
    height: 40px;
    background: #FCFCFC;
    border: 2px solid #04407C;
    border-radius: 8px;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;

    color: #04407C;

}

.profileIcon {

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
}

.notif {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 40px;
    height: 40px;
    background: #04407C;
    border-radius: 24px;

}

.blurred {
    filter: blur(5px);
    pointer-events: none;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    display: none;
}

    .overlay.show {
        display: block;
    }
.profileButton {
    border: none;
    outline: none; 
    background: #FCFCFC;
}

.deiPageContainer {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
    height:100%;

}
.deiMethodologyContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    width:50%;
    height:100%;
    gap: 24px;
    background: #FCFCFC;
    border-radius: 8px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    color: #646D73;
}
.deiMethodologyText {
    overflow: auto;
    width: 100%;
    height: 268px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    color: #646D73;
}
.chartContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width:100%;
    height:100%;
}
.deiPageChartContainer {

    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}
.expandable {
    text-decoration: none;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 100%;
}
.epandableItem {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px 8px 40px;
    gap: 8px;
    width: 100%;
    height: 40px;
    background: #FCFCFC;
    border:none;
}
.selectData {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 146px;
    height:44px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    border: 2px solid #D5DBDD;
    border-radius: 8px;
}

.aysProviderRow {

    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 12px 0px;
    gap: 8px;
    width: 100%;
    border-bottom: 1px solid #D5DBDD;
}
.aysProviderRowData {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 12px 0px;
    gap: 8px;
    width: 100%;
}
.aysProviderRowTitle {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 100%;
}
.aysProviderRowElement {
    width: 140px;


    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;

    display: flex;
    align-items: center;
    text-align: center;
    color: #646D73;

}

.dataFormatSelection {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    background: #E8EBEC;
    border-radius: 8px;
}
.dataFormatSelectionButton {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 4px;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    display: flex;
    align-items: center;
    color: #838F97;
}
.dashboardDropdownContainer {
}
.dataFormatSelectionButtonSelected {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 4px;
    background: #FCFCFC;
    border-radius: 4px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    box-shadow: none; 
    cursor:pointer;
}
.aykCheckbox {
    width: 20px;
    height: 20px;
    border: 2px solid #04407C;
}
.aykCheckboxFake {
    width: 20px;
    height: 20px;
    border: 2px solid #04407C;
}
.aysProviderSelectContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
}
.exportDictCSS {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 200px;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    padding: 8px 12px;
    gap: 8px;
    width: 200px;
    height: 40px;
    background: #04407C;
    border-radius: 8px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    text-align: start;
    color: #FCFCFC;
}

.asYouSowItalic {
    font-style: italic;
}


.saveCompaniesMainContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 16px;
    width: 100%;
    background: #FCFCFC;
    border-radius: 8px;
}
.pillarDataRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 40px;
    width: 100%;
}
.pillarDataRowTitle {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    display: flex;
    align-items: center;
    color: #646D73;
    width:356px;

}
.pillarDataRowData {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 50px;
    height: 40px;
}
.pillarDataRowData2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 50px;
    height: 20px;
}
.pillarDataContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0px;
    gap: 8px;
    width: 100%;
    height:100%;
}
.exportDataWindow {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 16px;
    position: absolute;
    width: 312px;
    height: 348px;
    left: 1104px;
    top: 176px;
    background: #FCFCFC;
    border: 1px solid #D5DBDD;
    z-index: 1000;
}
.exportDataWindowTitle {

    width: 150px;
    height: 19px;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 105%;

    display: flex;
    align-items: center;
    color: #363C3F;

}
.exportDataRow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    width: 100%;
}
.exportDataRowTitle {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    width: 100%;
}
.exportDataRowButton {
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    width: 264px;
    height: 40px;
    background: #FCFCFC;
    border: 2px solid #D5DBDD;
    border-radius: 8px;

}
.exportButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    width: 264px;
    height: 40px;
    background: #04407C;
    border-radius: 8px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    text-align: center;
    color: #FCFCFC;
}
.topRightContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
}
.exportDropdownButton {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    height: 40px;
    background: #1C558E;
    box-shadow: 0px 0px 0px 2px #91B1D0;
    border-radius: 8px;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105%;
    text-align: center;
    color: #FCFCFC;
}
.saveCompanyButton {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    height: 40px;
    background: #FCFCFC;
    border: 2px solid #04407C;
    border-radius: 8px;
}
.autoCompleteList {
    display:none;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    top:40px;
    position: absolute;
    width: 53%;
    background: #FCFCFC;
    border: 1px solid #D5DBDD;
    border-radius: 8px;
    z-index:1000;
}
.ui-helper-hidden {
    display: none !important;
}

.ui-autocomplete-results {
    display: none !important;
}
.ui-helper-hidden-accessible {
    display: none !important;
}
.pillarSelectionLabels{
    width:100%;
}
.userContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 16px;
    width: 100%;
    background: #FCFCFC;
    border-radius: 8px;
}
.userRow {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 8px;
    gap: 130px;
    width: 100%;
    height: 60px;
    background: #FCFCFC;
    border-bottom: 1px solid #D5DBDD;
}
.userDataBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    width:170px;
    gap: 8px;
}
.userLimitBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    width: 20px;
    gap: 8px;
}
.editDeleteButtons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    gap: 8px;
}
.pageHeaderLabels {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #646D73;
    margin-bottom:5px;
    justify-content:center;
}
.infoText{
    background-color: #f2f4f5;
    border-radius: 8px;
}
.adasinaChart {
    width: 60%;
    height: 400px;
}
.adasinaText {
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.productContainer {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 100%;
}
.productCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    gap: 16px;
    width: 100%;
    height: 419px;
    background: #FCFCFC;
    border-radius: 8px;
}
.productCardTitle {
    width: 280px;
    height: 68px;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #363C3F;
}
.productCardPrice {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    gap: 8px;
    width: 280px;
    height: 120px;
    background: #F2F4F5;
    border-radius: 8px;

}
.productCardPriceRow {
    width: 100%;
    height: 34px;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #363C3F;

}
.productCardSecondPriceRow {
    width: 100%;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 105%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #363C3F;
}
.productCardPriceDesc {
    font-family: Calibri;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 105%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}
.productCardDescription {
    width: 280px;
    height: 63px;

    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 115%;

    display: flex;
    align-items: center;
    text-align: center;
    color: #363C3F;
}
.productCardButton {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    width: 280px;
    height: 40px;
    background: #04407C;
    border-radius: 8px;
    color: #FFFFFF;
}

.dFlexColumn {
}
.openSideBarBt{

}
.sideBarMobileButton {
    width: 24px;
    height: 24px;
    display: none;
}

body.popup-active {
    overflow: hidden;
}

#popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    flex-direction:column;
    padding: 30px;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    z-index: 1000;
    display: none;
}

#popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 999;
    display: none;
}

#popup input[type="email"] {
    padding: 10px;
    width: 100%;
    margin: 10px 0;
}

#popup button {
    padding: 10px 20px;
}


@media (max-width: 950px) {
    .adasinaChart {
    }

    .adasinaText {
    }

    .sidebarAyk {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        width: 280px;
        height: 100vh;
        background: #FCFCFC;
        border-right: 1px solid #D5DBDD;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        display: flex;
        align-items: center;
        color: #363C3F;
        position: absolute;
        left: -280px;
        transition: left 0.3s ease;
        z-index: 1030;
    }

        .sidebarAyk.show {
            left: 0;
        }

    .dFlexColumn {
        flex-direction: column;
    }

    .sidebarContent {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0px;
        width: 100%;
        height: 100%;
    }

    .navContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 0px 0px;
        gap: 24px;
        width: 100%;
    }

    .sidebarHeader {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px 20px 0px 24px;
        width: 100%;
    }

    .navigation {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px 16px;
        gap: 4px;
        width: 100%;
    }

    .navItemDefault {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        /*padding: 8px 12px !important;*/
        gap: 8px !important;
        width: 100% !important;
        height: 40px !important;
        background: #04407C !important;
        border-radius: 8px !important;
        font-family: 'Calibri' !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 105% !important;
        text-decoration: none !important;
        color: #FCFCFC !important;
    }

    .navItemDropdown {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 12px;
        gap: 8px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        text-decoration: none;
        color: #363C3F;
        width: 100%;
        height: 40px;
    }

    #dashboard svg {
        width: 24px;
        height: 24px;
    }

    .sideContent {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 12px;
        width: 224px;
        height: 24px;
        cursor: pointer;
    }

    .navFooter {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px 16px 32px;
        gap: 24px;
        width: 100%;
    }

    .aykTitle {
        font-family: Calibri;
        font-weight: 700;
        font-size: 32px;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        color: #363C3F;
    }

    .searchbar {
        width: 375px;
        height: 40px;
        gap: var(--spacing-s);
        padding-top: var(--spacing-s);
        padding-right: var(--spacing-m);
        padding-bottom: var(--spacing-s);
        padding-left: var(--spacing-m);
        border-radius: var(--radius-m);
        border-width: 2px;
        padding-right: 40px;
        border: 2px solid #D5DBDD;
    }

    .search-icon {
        margin-left: -30px;
    }

    .filterIcon {
        width: 44px;
        height: 40px;
        gap: var(--spacing-s);
        padding-top: var(--spacing-s);
        padding-right: var(--spacing-s);
        padding-bottom: var(--spacing-s);
        padding-left: var(--spacing-s);
        border-radius: var(--radius-m);
        border: 2px solid #D5DBDD;
        background-color: #FCFCFC;
    }


    .f-icon {
        width: 20px;
        height: 20px;
    }

    .filter.clicked {
        border: 2px solid #1C558E
    }

    .filterContainer {
        width: 312px;
        padding: var(--spacing-xl);
        gap: var(--spacing-l);
        border-radius: var(--radius-m);
        position: absolute;
        top: 100%;
        right: 0;
        margin-top: 5px;
        background-color: white;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        display: none;
        flex-direction: column;
        z-index: 100;
        border: 1px solid #D5DBDD
    }

    .filterDropdowns {
        width: 264px;
        height: 40px;
        gap: var(--spacing-s);
        padding-top: var(--spacing-s);
        padding-right: var(--spacing-m);
        padding-bottom: var(--spacing-s);
        padding-left: var(--spacing-m);
        border-radius: var(--radius-m);
        border-width: 2px;
        border: 2px solid #D5DBDD;
        background: #FCFCFC;
    }

    .dashboardDropdownContainer {
        width: 100%;
    }
    .dashboardDropdowns {
        width: 100%;
        height: 40px;
        gap: var(--spacing-s);
        padding-top: var(--spacing-s);
        padding-right: var(--spacing-m);
        padding-bottom: var(--spacing-s);
        padding-left: var(--spacing-m);
        border-radius: var(--radius-m);
        border-width: 2px;
        border: 2px solid #D5DBDD;
        background: #FCFCFC;
    }

    .filterButton {
        width: 140px;
        height: 40px;
        gap: var(--spacing-s);
        padding-top: var(--spacing-s);
        padding-right: var(--spacing-m);
        padding-bottom: var(--spacing-s);
        padding-left: var(--spacing-m);
        border-radius: var(--radius-m);
        background-color: #04407C;
        color: #FCFCFC;
    }


    .clearButton {
        width: 128px;
        height: 40px;
        gap: var(--spacing-s);
        padding-top: var(--spacing-s);
        padding-right: var(--spacing-m);
        padding-bottom: var(--spacing-s);
        padding-left: var(--spacing-m);
        border-radius: var(--radius-m);
        border: 2px solid #04407C;
        background-color: #FCFCFC;
        color: #04407C;
    }

    .pillarButton {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        width: 100%;
        background: #FCFCFC;
        border: 1px solid #D5DBDD;
        border-radius: 8px;
    }

        .pillarButton.active {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 12px 16px;
            gap: 8px;
            width: 100%;
            background: #F2F4F5;
            border: 1px solid #04407C;
            border-radius: 8px;
        }

    .pillarButtonRji {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        width: 100%;
        background: #FCFCFC;
        border: 1px solid #D5DBDD;
        border-radius: 8px;
    }

        .pillarButtonRji.active {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 12px 16px;
            gap: 8px;
            width: 100%;
            background: #F2F4F5;
            border: 1px solid #04407C;
            border-radius: 8px;
        }

    .pillarButtonSOC {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        width: 100%;
        background: #FCFCFC;
        border: 1px solid #D5DBDD;
        border-radius: 8px;
    }

        .pillarButtonSOC.active {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 12px 16px;
            gap: 8px;
            width: 100%;
            background: #F2F4F5;
            border: 1px solid #04407C;
            border-radius: 8px;
        }

    .pillarButtonPest {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        width: 100%;
        background: #FCFCFC;
        border: 1px solid #D5DBDD;
        border-radius: 8px;
    }

        .pillarButtonPest.active {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 12px 16px;
            gap: 8px;
            width: 100%;
            background: #F2F4F5;
            border: 1px solid #04407C;
            border-radius: 8px;
        }

    .pillarButtonPlast {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        width: 100%;
        background: #FCFCFC;
        border: 1px solid #D5DBDD;
        border-radius: 8px;
    }

        .pillarButtonPlast.active {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 12px 16px;
            gap: 8px;
            width: 100%;
            background: #F2F4F5;
            border: 1px solid #04407C;
            border-radius: 8px;
        }

    .vector {
        box-sizing: border-box;
        width: 20px;
        height: 20px;
        margin: 0;
    }

    .buttonContent {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 0px;
        gap: 8px;
        font-family: Calibri;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
        width: 100%
    }

    .chartCheckBox {
        width: 18px;
        height: 18px;
        background: #FCFCFC;
        border: 2px solid #2B639A;
    }

    .main-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        width: 100%
    }

    .mainHeader {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        width: 100%;
        background: #FCFCFC;
        border-bottom: 1px solid #D5DBDD;
    }
    .sideBarMobileButton {
        width: 24px;
        height: 24px;
        display:block;
    }

    .headerSearchContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 100%;
        height: 40px;
        display:none;
    }

    .headerSearch {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        width: 100%;
        height: 40px;
        background: #FCFCFC;
        border: 2px solid #D5DBDD;
        border-radius: 8px;
    }

    .topRightContent {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 16px;
    }

    .mainBodyContent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px !important;
        gap: 16px;
        width: 100%;
    }

    .companyContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 16px;
        width: 100%;
        background: #FCFCFC;
        border-radius: 8px;
    }

    .benchmarkHeader {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 16px;
        gap: 16px;
        width: 100%;
        background: #FCFCFC;
        box-shadow: 0px 1px 3px rgba(22, 29, 33, 0.15);
        border-radius: 8px;
    }

    .benchmarkHeaderText {
        width: 34%;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        color: #363C3F;
    }

    .benchmarkCompanySelect {
        box-sizing: border-box;
        /* Auto layout */
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        width: 349.33px;
        height: 40px;
        background: #FCFCFC;
        border: 2px solid #D5DBDD;
        border-radius: 8px;
    }

    .compareCompanyBasicInfo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 16px;
        width: 100%;
        background: #FCFCFC;
        border-radius: 8px;
    }

    .basicInfoRow {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 16px;
        width: 100%;
        height: 24px;
    }

    .basicInfoCell {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 8px;
        width: 33%;
        height: 24px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 105%;
        display: flex;
        align-items: center;
        color: #04407C;
    }

    .basicInfoTitle {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 8px;
        width: 33%;
        height: 24px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 105%;
        display: flex;
        align-items: center;
        color: #363C3F;
    }

    .helpContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
        width: 100%;
    }

    .helpSelection {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding: 16px;
        gap: 16px;
        width: 400px;
        background: #FCFCFC;
        border-radius: 8px;
    }

    .helpText {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding: 16px;
        gap: 16px;
        background: #FCFCFC;
        border-radius: 8px;
        width: 100%;
    }

    .helpTextTitle {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
        width: 100%;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        display: flex;
        align-items: center;
        color: #363C3F;
    }

    .helpRow {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 100%;
    }

    .helpRowTitle {
        width: 100%;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 105%;
        display: flex;
        align-items: center;
        color: #363C3F;
    }

    .helpRowBody {
        width: 100%;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        display: flex;
        align-items: center;
        color: #646D73;
    }

    .buttonContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        width: 100%;
    }

    .selectionButton {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 12px 16px;
        gap: 8px;
        width: 368px;
        height: 44px;
        background: #FCFCFC;
        border: 1px solid #D5DBDD;
        border-radius: 8px;
    }

        .selectionButton:active, .selectionButton:focus, .selectionButton[aria-selected="true"] {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 12px 16px;
            gap: 8px;
            width: 368px;
            height: 44px;
            background: #F2F4F5;
            border: 1px solid #04407C;
        }

    .providerContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
        width: 100%;
    }

    .providerInfoContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 16px;
        width: 400px;
        height: 100%;
        background: #FCFCFC;
        border-radius: 8px;
    }

    .providerInfoTitle {
        height: 24px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        display: flex;
        align-items: center;
        color: #363C3F;
    }

    .providerInfo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
        width: 368px;
        height: 100%;
    }

    .providerBasicInfoRow {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 0px;
        gap: 16px;
        width: 100%;
    }

    .providerBasicInfoText {
        width: 195px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        text-align: right;
        color: #646D73;
    }

    .providerDescText {
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        color: #646D73;
    }

    .providerBasicInfoLogo {
        margin: 0 auto;
        width: 84px;
        height: 20px;
    }

    .providerBasicInfoTitle {
        height: 20px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 105%;
        color: #363C3F;
    }

    .providerDescRow {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        width: 100%;
    }

    .pageHeader {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 0px;
        gap: 12px;
        width: 100%;
        height: 40px;
    }

    .pageTitle {
        height: 39px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 39px;
        display: flex;
        align-items: center;
        color: #363C3F;
    }

    .dropDownButtonBridge {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 200px;
        height: 40px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        width: 200px;
        height: 40px;
        background: #FCFCFC;
        border: 2px solid #D5DBDD;
        border-radius: 8px;
    }

    .adasinaButton {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        height: 40px;
        background: #04407C;
        border-radius: 8px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        text-align: center;
        color: #FCFCFC;
    }

    .dataProviderDataContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        padding: 16px;
        gap: 16px;
        width: auto;
        height: 100%;
        background: #FCFCFC;
        border-radius: 8px;
    }

    .dataProviderDataContainerHeader {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 100%;
    }

    .dataProviderTable {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        width: 100%;
        background: #FCFCFC;
        border-radius: 8px;
    }

    .tableHeader {
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        display: flex;
        align-items: center;
        color: #646D73;
    }

    .tableText {
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        display: flex;
        align-items: center;
        color: #363C3F;
    }

    .profileContainer {
        display: flex;
        position: fixed;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 24px;
        right: -280px;
        gap: 16px;
        width: 300px;
        height: 100%;
        background: #FCFCFC;
        box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
        transition: right 0.3s ease;
        z-index: 1050;
    }

        .profileContainer.show {
            right: 100px;
        }

    .profileFooter {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-end;
        padding: 0px;
        gap: 16px;
        width: 100%;
    }

    .profileInfoContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 100%;
    }

    .profileInfoHeader {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
        width: 100%;
        height: 39px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 39px;
        display: flex;
        align-items: center;
        color: #363C3F;
    }

    .personalData {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 100%;
    }

    .personalDataContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 16px;
        gap: 16px;
        width: 100%;
        background: #F2F4F5;
        border-radius: 8px;
    }

    .personalDataRow {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 8px;
        width: 100%;
    }

    .personalDataRowContent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
    }

    .icon {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 48px;
        height: 48px;
        background: #E8EBEC;
        border-radius: 999px;
    }

    .personalDataRowTitle {
        height: 17px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        display: flex;
        align-items: center;
        color: #838F97;
    }

    .personalDataRowText {
        height: 24px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        display: flex;
        align-items: center;
        color: #363C3F;
    }

    .profileButtonContainer {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding: 0px;
        gap: 8px;
        width: 100%;
    }


    .subscription {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 100%;
    }

    .subscriptionContentContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
    }

    .subscriptionContainer {
        display: flex;
        flex-direction: column;
        justify-content: end;
        align-items: flex-start;
        padding: 24px 16px;
        gap: 16px;
        width: 552px;
        height: 93px;
        background: #F2F4F5;
        border-radius: 8px;
    }

    .profileSubtitle {
        width: 100%;
        height: 24px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        display: flex;
        align-items: center;
        color: #363C3F
    }

    .editButton {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        height: 40px;
        background: #04407C;
        border-radius: 8px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        text-align: center;
        color: #FCFCFC !important;
        text-decoration: none;
    }

    .changePass {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 4px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        text-align: center;
        color: #04407C;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        height: 40px;
        border-radius: 8px;
    }

    .logout {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0px !important;
        gap: 4px !important;
        font-family: 'Calibri' !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        line-height: 105% !important;
        text-align: center !important;
        color: #04407C !important;
        background: #CA5353 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 8px 12px !important;
        gap: 8px !important;
        height: 40px !important;
        border-radius: 8px !important;
    }

    .profileFooterText {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 416px;
        height: 70px;
    }

    .contactUsButton {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        width: 120px;
        height: 40px;
        background: #04407C;
        border-radius: 8px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        text-align: center;
        color: #FCFCFC !important;
    }

    .updateInfoRow {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 100%;
        height: 59px;
    }

    .updateInfoRowTitle {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        width: 100%;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 105%;
        display: flex;
        align-items: center;
        color: #363C3F;
    }

    .updateInfoTextBox {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        width: 520px;
        height: 40px;
        background: #FCFCFC;
        border: 2px solid #D5DBDD;
        border-radius: 8px;
    }

        .updateInfoTextBox:active {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 8px 12px;
            gap: 8px;
            width: 100%;
            height: 40px;
            background: #FCFCFC;
            border: 2px solid #1C558E;
            box-shadow: 0px 0px 0px 2px #91B1D0;
            border-radius: 8px;
        }

    .saveButton {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        height: 40px;
        background: #04407C;
        border-radius: 8px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        text-align: center;
        color: #FCFCFC;
    }

    .savePassButton {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        width: 70px;
        height: 40px;
        background: #04407C;
        border-radius: 8px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        text-align: center;
        color: #FCFCFC;
    }

    .cancelButton {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        width: 70px;
        height: 40px;
        background: #FCFCFC;
        border: 2px solid #04407C;
        border-radius: 8px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        color: #04407C;
    }

    .profileIcon {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 8px;
    }

    .notif {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: 40px;
        height: 40px;
        background: #04407C;
        border-radius: 24px;
    }

    .blurred {
        filter: blur(5px);
        pointer-events: none;
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1040;
        display: none;
    }

        .overlay.show {
            display: block;
        }

    .profileButton {
        border: none;
        outline: none;
        background: #FCFCFC;
    }

    .deiPageContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
        width: 100%;
        height: 100%;
    }

    .deiMethodologyContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        width: 50%;
        height: 100%;
        gap: 24px;
        background: #FCFCFC;
        border-radius: 8px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        color: #646D73;
    }

    .deiMethodologyText {
        overflow: auto;
        width: 100%;
        height: 268px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        color: #646D73;
    }

    .chartContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 100%;
        height: 100%;
    }

    .deiPageChartContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
        width: 100%;
    }

    .expandable {
        text-decoration: none;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 100%;
    }

    .epandableItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 12px 8px 40px;
        gap: 8px;
        width: 100%;
        height: 40px;
        background: #FCFCFC;
        border: none;
    }

    .selectData {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 146px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        border: 2px solid #D5DBDD;
        border-radius: 8px;
    }

    .aysProviderRow {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        padding: 12px 0px;
        gap: 8px;
        width: 100%;
        border-bottom: 1px solid #D5DBDD;
    }

    .aysProviderRowData {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        padding: 12px 0px;
        gap: 8px;
        width: 100%;
    }

    .aysProviderRowTitle {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 8px;
        width: 100%;
    }

    .aysProviderRowElement {
        width: 140px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 15px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #646D73;
    }

    .dataFormatSelection {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 4px;
        background: #E8EBEC;
        border-radius: 8px;
    }

    .dataFormatSelectionButton {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 12px;
        gap: 4px;
        border-radius: 4px;
        cursor: pointer;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        display: flex;
        align-items: center;
        color: #838F97;
    }

    .dataFormatSelectionButtonSelected {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 12px;
        gap: 4px;
        background: #FCFCFC;
        border-radius: 4px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        box-shadow: none;
        cursor: pointer;
    }

    .aykCheckbox {
        width: 20px;
        height: 20px;
        border: 2px solid #04407C;
    }

    .aykCheckboxFake {
        width: 20px;
        height: 20px;
        border: 2px solid #04407C;
    }

    .aysProviderSelectContainer {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 8px;
    }

    .exportDictCSS {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 200px;
        height: 40px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        padding: 8px 12px;
        gap: 8px;
        width: 200px;
        height: 40px;
        background: #04407C;
        border-radius: 8px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        text-align: start;
        color: #FCFCFC;
    }

    .asYouSowItalic {
        font-style: italic;
    }


    .saveCompaniesMainContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 16px;
        width: 100%;
        background: #FCFCFC;
        border-radius: 8px;
    }

    .pillarDataRow {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 0px;
        gap: 40px;
        width: 100%;
    }

    .pillarDataRowTitle {
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        display: flex;
        align-items: center;
        color: #646D73;
        width: 356px;
    }

    .pillarDataRowData {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 50px;
        height: 40px;
    }

    .pillarDataRowData2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px;
        gap: 10px;
        width: 50px;
        height: 20px;
    }

    .pillarDataContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 0px;
        gap: 8px;
        width: 100%;
        height: 100%;
    }

    .exportDataWindow {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
        gap: 16px;
        position: absolute;
        width: 312px;
        height: 348px;
        left: 1104px;
        top: 176px;
        background: #FCFCFC;
        border: 1px solid #D5DBDD;
        z-index: 1000;
    }

    .exportDataWindowTitle {
        width: 150px;
        height: 19px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 105%;
        display: flex;
        align-items: center;
        color: #363C3F;
    }

    .exportDataRow {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 4px;
        width: 100%;
    }

    .exportDataRowTitle {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        width: 100%;
    }

    .exportDataRowButton {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        width: 264px;
        height: 40px;
        background: #FCFCFC;
        border: 2px solid #D5DBDD;
        border-radius: 8px;
    }

    .exportButton {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        width: 264px;
        height: 40px;
        background: #04407C;
        border-radius: 8px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        text-align: center;
        color: #FCFCFC;
    }

    .topRightContainer {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 8px;
    }

    .exportDropdownButton {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        height: 40px;
        background: #1C558E;
        box-shadow: 0px 0px 0px 2px #91B1D0;
        border-radius: 8px;
        font-family: 'Calibri';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 105%;
        text-align: center;
        color: #FCFCFC;
    }

    .saveCompanyButton {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px 12px;
        gap: 8px;
        height: 40px;
        background: #FCFCFC;
        border: 2px solid #04407C;
        border-radius: 8px;
    }

    .autoCompleteList {
        display: none;
        box-sizing: border-box;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 16px;
        top: 40px;
        position: absolute;
        width: 53%;
        background: #FCFCFC;
        border: 1px solid #D5DBDD;
        border-radius: 8px;
        z-index: 1000;
    }

    .ui-helper-hidden {
        display: none !important;
    }

    .ui-autocomplete-results {
        display: none !important;
    }

    .ui-helper-hidden-accessible {
        display: none !important;
    }

    .pillarSelectionLabels {
        width: 100%;
    }

    .userContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 16px;
        width: 100%;
        background: #FCFCFC;
        border-radius: 8px;
    }

    .userRow {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 12px 8px;
        gap: 130px;
        width: 100%;
        height: 60px;
        background: #FCFCFC;
        border-bottom: 1px solid #D5DBDD;
    }

    .userDataBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        width: 170px;
        gap: 8px;
    }

    .userLimitBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        width: 20px;
        gap: 8px;
    }

    .editDeleteButtons {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        padding: 0px;
        gap: 8px;
    }

    .pageHeaderLabels {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #646D73;
        margin-bottom: 5px;
        justify-content: center;
    }

    .infoText {
        background-color: #f2f4f5;
        border-radius: 8px;
    }
    .productContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
        width: 100%;
    }
}