:root {
    /* Colours */
    --defaultWhite: #fff;
    --borderColor: #e1e5e6;
    --bluegrad1: #086cff;
    --bluegrad2: #39b4ff;
    --IndicatorInactiveBG: #d7ddde;
    --favouriteNeon: #f34e9e;
    --OrgGray: #e3e6ff;
    --OrgHover: #80a8f2;
    --dashbordLabelLight: #6b7280;
    --textLight: #a1a5b7;
    --danger: #f1416d;
    --primaryH: 211deg;
    --primaryS: 100%;
    --primaryL: 56%;
    --primary: hsl(var(--primaryH), var(--primaryS), var(--primaryL));
    --textDefault: #3f4254;
    --primaryHEX: #1d8bff;
    --darkerText: #333;

    /* Font weights*/
    --FontBold: 700;
    --FontSemiBold: 600;
    --FontMedium: 500;
    --FontNormal: 400;
    /* Spacing */
    --spacingTiny: 0.3rem;
    --spacingSmall: 0.5rem;
    --spacingSmLarge: 0.7rem;
    --spacingSMedium: 0.8rem;
    --spacingMedium: 1rem;
    --spacingMLarge: 1.2rem;
    --spacingLarge: 1.5rem;
    --spacingLarger: 1.7rem;
    --spacingXXLarger: 2rem;
    --spacingXLarge: 2.5rem;
    --spacingXLarger: 2.7rem;
    --spacingXXLarge: 3rem;
    --spacingXXXLarge: 3.5rem;
    /* Layout */
    --topRowHeight: 50px;
    --contentHeaderHeight: 65px;
    --contentPadding: 1rem;
    --contentHeaderMarginBottom: 1rem;
    --drawerMD: 450px;
    --pl-drawer-header-Height: 60px;
    --pl-drawer-footer-Height: 60px;
    --pl-wallet-wizard-card-button: 11rem;
    --pl-wallet-wizard-cardImage: 3.5rem;
    --container-max-width: 768px;
    --shadowHelper-spacing: 1px;
    --smBtnSize: 26px;
    --defaultIconFontSize: 1.5rem;
    --category_DataMain_Height: 150px;
    --pl-dashboard_labelSeriers_IconSize: 2.643rem;
    /* Font-sizes */
    --pl-fontSizeNormal: 1rem;
    --pl-fontSizeCardSumPrimary: 2.714rem;
    --pl-fontSizeCardSumSecondary: 1.857rem;
    --pl-fontSizeGiga: 2.4rem;
    --pl-fontSizeMedium: 1.1rem;
    --pl-fontSizeXLarge: 1.4rem;
    --pl-fontSizeLarge: 1.25rem;
    --pl-fontSizeMedium: 1.1rem;
    --pl-fontSizeNormal: 1rem;
    --pl-fontSizeSmaller: 0.9rem;
    --pl-fontSizeSmall: 0.85rem;
    --pl-fontSizeTiny: 0.75rem;
    --infoPieChartContainer: 250px;
    /* Box Styling */
    --borderRadius: 0.825rem;
    --borderRadiusLarger: 1.714rem;
    --container-input-radius: 0.714rem;
    --container-input-boxShadow: 0px 5.43px 10px 0px rgb(0 0 0 / 6%);
    --boxShadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
    --boxShadow_notifications: #001f5212 0px 1px 4px;
    --boxShadow_Inbox: 0 0 5px rgba(0, 0, 0, 0.3);
    --boxShadow_responses: 0px 0px 20px 0px rgba(76, 87, 125, 0.2);
    --carousel-boxShadow: 0 2px 10px 0 rgba(33, 34, 36, 0.3);
}

@media (max-width: 768px) {
    .ep-layout.flex-container.can-wrap.-overflow.pl-responsive-columns {
        flex-direction: column;
    }
}

.ep-wizardComponent-skeleton {
    /* 100% height - height of top row (blue) - height of header -top/bottom padding of pl-content - bottom margin of pl-pagetitle*/
    height: calc(100vh - var(--topRowHeight) - var(--contentHeaderHeight) - (2 * var(--contentPadding)) - var(--contentHeaderMarginBottom));
}

.ep-wizardComponent-skeleton .k-card {
    border-radius: var(--borderRadius);
    padding: var(--spacingMedium);
    max-height: 100%;
}

.ep-wizardComponent-skeleton .k-card .k-card-header {
    background-color: var(--defaultWhite);
    padding: var(--spacingMedium) var(--spacingMedium) var(--spacingMedium) 0;
}

.ep-wizardComponent-skeleton-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--spacingMedium);
    align-items: center;
}

.ep-wizardComponent-skeleton-input-container {
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ep-wizardComponent-skeleton-input_field {
    border-radius: var(--borderRadius);
}

.ep-wizardComponent-skeleton_button {
    border-radius: var(--borderRadius);
}

.ep-wizardComponent-skeleton-stepper-container {
    display: flex;
    justify-content: center;
    padding: 2rem;
}

.ep-wizardComponent-skeleton-stepper_step {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    align-items: center;
}

.ep-wizardComponent-skeleton-button-container {
    display: flex;
    gap: 1rem;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
}

.ep-wizardComponent-skeleton-title {
    width: 100%;
    border-bottom: 1px solid var(--borderColor);
}

.epp-wizardComponent .k-stepper.ep-wizardComponent-skeleton-kstepper-nav {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    width: 100%;
    margin: 2rem 0 2rem 0;
}

.epp-wizardComponent .k-step-list.ep-wizardComponent-skeleton-kstepper-ol {
    grid-column-start: 1;
    grid-column-end: -1;
}

.epp-wizardComponent > .k-stepper .k-step-indicator {
    border-color: #dee2e6;
    color: #adb4ba;
    background-color: var(--defaultWhite);
    font-weight: var(--FontSemiBold);
}

.epp-wizardComponent .k-stepper .k-step-current.k-step-disabled .k-step-indicator,
.epp-wizardComponent .k-stepper .k-step-current.k-disabled .k-step-indicator,
.epp-wizardComponent .k-stepper .k-step-current:disabled .k-step-indicator {
    background-image: linear-gradient(135deg, var(--bluegrad1) 0%, var(--bluegrad2) 50%, var(--bluegrad1) 100%);
    background-position: right center;
    border-color: transparent;
    color: var(--defaultWhite);
    font-weight: 600;
}

.epp-wizardComponent .k-stepper .k-step-done.k-step-disabled .k-step-indicator {
    background-image: linear-gradient(135deg, var(--bluegrad1) 0%, var(--bluegrad2) 50%, var(--bluegrad1) 100%);
    background-position: right center;
    border-color: transparent;
    color: var(--defaultWhite);
    font-weight: var(--FontSemiBold);
}

.epp-wizardComponent {
    border-radius: var(--borderRadius);
    padding: 0;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px; */
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    max-height: calc(90.6vh - 2rem - var(--topRowHeight));
}

.epp-wizardComponent .k-stepper .k-step .k-step-link {
    max-width: unset;
}

.epp-wizardComponent .k-stepper .k-step.k-step-last .k-step-link {
    align-items: flex-end;
}

.epp-wizardComponent .k-stepper .k-step.k-step-last .k-step-link .k-step-indicator {
    margin-left: unset;
    margin-right: var(--spacingXLarger);
}

.epp-wizardComponent .k-stepper .k-step.k-step-first .k-step-link {
    align-items: flex-start;
}

.epp-wizardComponent .k-stepper .k-step.k-step-first .k-step-link .k-step-indicator {
    margin-left: var(--spacingXLarger);;
}

.pl-page.pl-payments .pl-basiclist__item .pl-basiclist__data {
    margin: 0 var(--spacingMedium);
}

.epp-wizardComponent .k-step-list-horizontal ~ .k-progressbar {
    width: 87%;
    margin: 0 auto;
    grid-column-start: 1 !important;
    grid-column-end: -1 !important;
}

.epp-wizardComponent .pl-executepayment-basewizard {
    display: flex;
    flex-direction: column;
    gap: var(--spacingMedium);
    max-width: 55rem;
    margin: auto;
    padding: 0;
}

.ep-dropdownlist.pl-wizardcomponent__dropdownlist\`2.ep_input__disabled .ep-control__wrapper .telerik-blazor.k-button.k-input-button.k-button-solid.k-button-md.k-button-solid-base.k-disabled.k-icon-button {
    display: none;
}

.pl-wizardcomponent__wizardparavolotypescomponent {
    display: flex;
    flex-direction: column;
    gap: var(--spacingMedium);
}

.pl-executepayment-basewizard.ep-label,
.k-label,
.k-textbox-container > .k-label,
.pl-executepayment-basewizard.k-floating-label-container > .k-label {
    font-weight: 400;
    /*color: var(--textDark);*/
    /*font-size: var(--txtSizeNormal);*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: var(--spacingSmall);
}

/* Payment wizard overview*/
.pl-executepayment-basewizard___overviewInfoA {
    /*// padding-bottom:  var(--spacingMedium);*/
    /*// border-bottom: 1.7px solid rgba(211,211,211,.49);*/
    /*// display: flex;*/
    /*// flex-direction: column;*/
    /*// align-items: center;*/
    /*// gap:  var(--spacingXXLarge);*/
    /*// justify-content: center;*/
    padding-bottom: var(--spacingMedium);
    border-bottom: 1.7px solid rgba(211, 211, 211, 0.49);
    display: flex;
    flex-direction: column;
    padding-top: var(--spacingMedium);
}

.pl-executepayment-basewizard__firstRowContainer,
.pl-executepayment-basewizard__secondRowContainer {
    display: flex;
    justify-content: center;
    gap: 0;
    flex-direction: column;
    align-items: center;
}

.pl-executepayment-basewizard__firstRowContainer {
    align-items: flex-end;
}

.pl-executepayment-basewizard__overviewInfo--Iconlabel {
    display: flex;
    align-items: center;
    gap: var(--spacingSmall);

    span {
        font-weight: var(--FontSemiBold);
    }
}

.pl-executepayment-basewizard__overviewSum {
    font-weight: bold;
    font-size: 140%;
}

.pl-executepayment-basewizard__overviewCommision {
    font-weight: bold;
}

.pl-executepayment-basewizard___overviewInfoB {
    display: flex;
    flex-direction: column;
    padding-top: var(--spacingMedium);
    gap: var(--spacingMedium);
}

.pl-executepayment-basewizard__overviewInfo-row {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: auto 30% 10% 30% auto;
}

.pl-executepayment-basewizard__overviewInfoContainer {
    display: flex;
    flex-direction: row;
    gap: var(--spacingSmall);
    grid-column: 2/2;
    grid-row: 1/1;
    align-items: flex-start;
    text-align: center;
}

.pl-executepayment-basewizard__overviewInfo--data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.pl-executepayment-basewizard__overviewInfo-row :nth-child(2) {
    grid-column: 4 / 4;
    grid-row: 1 / 1;
}

.pl-executepayment-basewizard__overviewInfo--label {
    font-weight: var(--FontSemiBold);
}

/* OTP */

.pl-executepayment-basewizard__OTPContainer > button {
    background-color: var(--textLight);
}

.pl-executepayment-basewizard__OTPContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacingLarger);
    text-align: center;

    p {
        display: block;
        padding: 0 var(--spacingMedium);
    }
}

.pl-executepayment-basewizard__OTP-counter {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    gap: var(--spacingSmall);
}

.pl-executepayment-basewizard__OTP-counter--error {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    gap:var(--spacingSmall);
    color: var(--danger);
}

.pl-executepayment-basewizard__OTPContainer--bold {
    font-weight: bold;
}

button.pl-executepayment-basewizard__otpbutton {
    background-color: var(--textLight);
    background-image: none;
}

.pl-executepayment-basewizard__OTPuserInputContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--spacingMedium);
}

.pl-executepayment-basewizard__OTPuserInput {
    background-color: transparent;
    text-align: center;
    font-size: var(--pl-fontSizeGiga);
    outline: none;
    width: 6%;
    transition: all 0.2s ease-in-out;
    /*border-radius: none;*/
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #cfd0d2;
    margin: 20px 0 20px 0;
    appearance: textfield;
    -moz-appearance: textfield;

    &::-webkit-inner-spin-button,
    &::-webkit-outer-spin-button {
        -webkit-appearance: none;
    }

    &:focus {
        border-bottom: 2px solid #1681ff;
    }

    &::selection {
        background: transparent;
    }

    /*@include media("<=large") {*/
    /*    font-size: 2rem;*/
    /*    width: 10%;*/
    /*}*/

    /*@include media("<=small") {*/
    /*    font-size: 1.5rem;*/
    /*    width: 10%;*/
    /*}*/
}

.ep-button.pl-otpClear .k-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--smBtnSize);
    width: var(--smBtnSize);
}

.pl-executepayment-basewizard__overviewInfo {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 1rem;
    margin: auto auto;
    padding-top: 1rem;
}

.epp-wizardComponent.k-wizard-pager {
    display: none;
}

.pl-executepayment-basewizard--ResultMsgContainer {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--spacingMedium);
    align-items: center;
    margin: var(--spacingLarger);
}

.pl-executepayment-basewizard--ResultMsgContainerIcon-success {
    display: flex;
    align-content: center;
    justify-content: center;
    background-color: #50ce89;
    border-radius: 60px;
    width: 35px;
    height: 35px;
    align-items: center;
    color: var(--defaultWhite);
    font-size: 200%;
}

.pl-executepayment-basewizard--ResultMsgContainerIcon-waitingCard {
    display: flex;
    align-content: center;
    justify-content: center;
    background-color: cornflowerblue;
    border-radius: 60px;
    width: 42px;
    height: 42px;
    align-items: center;
    color: var(--defaultWhite);
    font-size: 150%;
}

.pl-executepayment-basewizard--ResultMsgContainerIcon-failure {
    display: flex;
    align-content: center;
    justify-content: center;
    background-color: darkgray;
    border-radius: 60px;
    width: 42px;
    height: 42px;
    align-items: center;
    color: var(--defaultWhite);
    font-size: 150%;
}

.epp-wizardComponent > .k-wizard.k-wizard-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.pl-executepayment-basewizard--ResultMsgContainerText {
    font-size: var(--pl-fontSizeMedium);
    font-weight: var(--FontMedium);
    text-align: center;
}

.pl-executepayment-basewizard--ResultMsgContainerHeader {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--spacingMedium);
    align-items: center;
}

.pl-executepayment-basewizard--ResultMsgContainerContent {
    display: flex;
    width: 80%;
    border-top: 1px solid lightgray;
    padding-top: var(--spacingMedium);
    justify-content: center;
}

.pl-executepayment-basewizard--ResultMsgContainerContent--Left {
    width: 50%;
    font-size: small;
    display: flex;
    flex-direction: column;
}

.pl-executepayment-basewizard--ResultMsgContainerContent--Left--item {
    font-size: small;
    margin-bottom: var(--spacingMedium);
    color: darkgray;
}

.pl-executepayment-basewizard--ResultMsgContainerContent--Right {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: self-end;
}

.pl-executepayment-basewizard--ResultMsgContainerContent--Right--item {
    font-size: small;
    margin-bottom:var(--spacingMedium);
    color: black;
}

.pl-executepayment-basewizard--ResultMsgContainerContent--Right--AmountItem {
    font-size: medium;
    margin-bottom: var(--spacingMedium);
    color: black;
}

.pl-executepayment-basewizard--AfterResultActions {
    display: flex;
    flex-direction: row;
    gap: var(--spacingMedium);
    margin-top:  var(--spacingMedium);
}

.epp-wizardComponent__inner-header {
    gap: var(--spacingTiny);
    display: flex;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    padding: var(--spacingMedium) 0 var(--spacingMedium) 0;
    border-bottom: 1px solid var(--borderColor);
}

.epp-wizardComponent__inner-header i {
    font-size: calc(0.95 * var(--defaultIconFontSize));
}

.epp-wizardComponent.k-wizard .k-wizard-buttons {
    margin-top: 2rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-end;
    flex-shrink: 0;
}

.pl-executepayment-basewizard--ResultMsgContainerText h4 {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}

.epp-wizardComponent.k-wizard-buttons-left {
    display: none;
}

.epp-wizardComponent > .k-wizard .k-wizard-buttons .k-wizard-pager {
    display: none;
}

.pl-executepayment-basewizard--IDContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.epp-wizardComponent > .k-wizard {
    padding-block: 1.25rem;
    padding-inline: 0;
}

.epp-wizardComponent > .k-wizard .k-wizard-step:focus,
.epp-wizardComponent > .k-wizard .k-wizard-step.k-focus {
    outline-width: 0;
    outline-style: none;
    outline-offset: 0;
}

.epp-wizardComponent__title--organizationName {
    font-weight: normal;
}

.epp-wizardComponent > .k-wizard .k-stepper {
    color: #212529;
    margin-top: 2rem;
    align-self: flex-start;
    width: 55rem;
}

.epp-wizardComponent > .k-wizard .k-stepper .k-step-label .k-step-text {
    white-space: normal;
    line-height: 1.2rem;
}

/*Bill Payment Wizard Tweeks*/

.label-above .ep-label {
    height: 1.5rem;
    margin-bottom: 0.5rem;
}

.epp-wizardComponent > .k-wizard .k-wizard-buttons {
    margin-top: calc(var(--kendo-spacing-2, 0.5rem) * 4);
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    align-self: center;
    width: 55rem;
}

.epp-wizardComponent .k-wizard .k-wizard-step {
    padding: unset;
    width: 100%;
}

.epp-wizardComponent .k-wizard-horizontal .k-wizard-steps,
.epp-wizardComponent .k-wizard-horizontal .k-wizard-content {
    flex: 1 1 auto;
    justify-content: center;
    width: 55rem;
}

/*Custom Search bar*/
.pl-search {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ep-organization-selection .sticky-area-header .pl-search {
    width: 100%;
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText {
    position: relative;
    width: 97%;
    align-self: center;
    justify-self: center;
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText input::placeholder {
    opacity: 0.5;
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText .pl-search__input {
    box-shadow: var(--boxShadow);
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText .pl-search__input.-with-buttons {
    align-items: flex-start;
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText .pl-search__input.-with-buttons .k-floating-label-container {
    padding-top: 0;
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText .pl-search__input.-with-buttons .k-floating-label-container .k-label {
    display: none;
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText .pl-search__input.-with-buttons .k-floating-label-container input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius:var(--container-input-radius);
    border: unset;
    box-shadow: var(--container-input-boxShadow);
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText .pl-search__input.-with-buttons .k-floating-label-container input::placeholder {
    max-width: 93%;
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText .pl-search__input.-with-buttons .k-floating-label-container input::-moz-placeholder {
    max-width: 93%;
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText .clear-search {
    position: absolute;
    right: 2.7rem;
    top: var(--spacingSmall);
    opacity: 0.3;
    cursor: pointer;
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText .clear-search .-visible {
    opacity: 1;
    cursor: pointer;
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText .pl-searchText:hover {
    opacity: 1;
}

.ep-organization-selection .sticky-area-header .pl-search .pl-search__input {
    box-shadow: var(--boxShadow);
}

.ep-organization-selection .sticky-area-header .pl-search::placeholder {
    opacity: 0.5;
}

.ep-organization-selection .sticky-area-header .pl-search .pl-searchText .-with-buttons .ep-button:only-child .k-button {
    border-top-right-radius: var(--container-input-radius);
    border-bottom-right-radius:var(--container-input-radius);
}

/*Added for organization selection component*/
.pl-pagecontent {
    grid-area: content;
    overflow: auto;
}

.pl-pagecontent_inner {
    display: flex;
    flex-direction: row;
    margin-top: 0px;
    padding:var(--container-input-radius);
}

.error-body-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-color: #fbeaea;
    padding: 2rem;
    color: #b00020;
    /*font-family: Arial, sans-serif;*/
    text-align: center;
}

.dialog-button {
    width: 110px;
}

.pl-pagecontent_inner .pl-pagecontent_categories {
    /* flex: 1 1 30%; */
    display: flex;
    flex-direction: row;
    flex-shrink: 1;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 var(--spacingSmLarge);
    column-gap: 8%;
    row-gap: var(--spacingSmLarge);
}

.pl-pagecontent_inner .pl-pagecontent_organizations {
    flex: 1 1 70%;
}

.pl-pagecontent_inner .pl-pagecontent_organization {
    min-height: 72px;
}

/**
 * ----------------------------------------
 * Bill Payments
 * ----------------------------------------
 */

.sticky-area-header {
    position: sticky;
    top: 0;
    background-color: var(--defaultWhite);

    /* border-bottom: 2px solid #ccc; */
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--spacingSmLarge);
}

/*Organization Category Selection*/

.pl-pagecontent_category__item {
    display: flex;
    flex-direction: column;
    /*background: var(--defaultWhite);*/
    border-radius: var(--borderRadius);
    border: 1px solid var(--ep-primary-subtle, #1f8bff);
    padding: 1rem 0;
    box-shadow: var(--boxShadow);
    box-sizing: border-box;
    min-height: 60px;
    margin-bottom: 1rem;
    transition: 0.1s all cubic-bezier(0.36, -0.19, 0.62, 1.35);
    border-radius: 11.55px;
    width: 100%;
}

.pl-pagecontent_category__item.--tabOrgCategory {
    display: flex;
    flex-direction: column;
    width: 20%;
    height: 175px;
    max-height: 175px;
    /* padding: 60.257px; */
    justify-content: center;
    align-items: center;
    /* gap: 5%; */
    flex-shrink: 0;
    border-radius: 24px;
    background: var(--defaultWhite);
    box-shadow: var(--container-input-boxShadow);
    border: 1px solid var(--defaultwhite);
}

.pl-pagecontent_category__item.--favoriteOrgs {
    flex-direction: row;
    background: var(--defaultWhite);
    box-shadow: var(--container-input-boxShadow);
    display: flex;
    align-items: center;
    gap: 60px;
    flex-shrink: 0;
    border-color: var(--defaultWhite);
    width: 97%;
    height: 185px;
}

.pl-pagecontent_category__item.--favoriteOrgs .pl-pagecontent_category__data-main {
    width: 18%;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--favouriteNeon);
    align-self: center;
}

.pl-pagecontent_category__item.--favoriteOrgs .pl-pagecontent_category__data-main h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    text-align: center;
    color: #3f4254;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 33.3px;
    padding-right: unset;
    margin-right: unset;
}

.pl-pagecontent_category__item.--tabOrgCategory .pl-pagecontent_category__data-main {
    width: 100;
    height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.pl-pagecontent_category__item.--tabOrgCategory .pl-pagecontent_category__data-main h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    text-align: center;
    color: #3f4254;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 33.3px;
    padding-right: unset;
    margin-right: unset;
}

.pl-category-icon.--favouriteIcon {
    border-radius: 40px;
    background: var(--favouriteNeon);
    width: 1.3em;
    height: 1.3em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacingSmLarge);
    flex-shrink: 0;
}

.pl-category-icon.--OrgIcon {
    border-radius: 40px;
    background: var(--OrgGray);
    width: 1.3em;
    height: 1.3em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 51px;
    height: 51px;
    padding: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:var(--spacingSmLarge);
    flex-shrink: 0;
}

.pl-category-icon.--favouriteIcon svg {
    width: 42px;
    height: 37px;
}

.iconImg {
    display: none;
}

.iconDiv.--fav {
    width: 51px;
    height: 51px;
    background-color: var(--defaultWhite);
    -webkit-mask: url(../images/agapimena.svg) no-repeat center;
    mask: url(../images/agapimena.svg) no-repeat center;
    /* background-repeat: no-repeat; */
    background-size: cover;
}

.iconDiv.--PubHealth {
    width: 51px;
    height: 51px;
    background-color: var(--textDefault);
    -webkit-mask: url(../images/asfalistika-tameia.svg) no-repeat center;
    mask: url(../images/asfalistika-tameia.svg) no-repeat center;
    /* background-repeat: no-repeat; */
    background-size: cover;
}

.iconDiv.--PubWater {
    width: 51px;
    height: 51px;
    background-color: var(--textDefault);
    -webkit-mask: url(../images/ydreysi-dimoi.svg) no-repeat center;
    mask: url(../images/ydreysi-dimoi.svg) no-repeat center;
    /* background-repeat: no-repeat; */
    background-size: cover;
}

.iconDiv.--Insurance {
    width: 51px;
    height: 51px;
    background-color: var(--textDefault);
    -webkit-mask: url(../images/asfaleies.svg) no-repeat center;
    mask: url(../images/asfaleies.svg) no-repeat center;
    /* background-repeat: no-repeat; */
    background-size: cover;
}

.iconDiv.--Misc {
    width: 51px;
    height: 51px;
    background-color: var(--textDefault);
    -webkit-mask: url(../images/loipes.svg) no-repeat center;
    mask: url(../images/loipes.svg) no-repeat center;
    /* background-repeat: no-repeat; */
    background-size: cover;
}

.iconDiv.--Telecoms {
    width: 41px;
    height: 61px;
    background-color: var(--textDefault);
    -webkit-mask: url(../images/Tilepikoinwnies.svg) no-repeat center;
    mask: url(../images/Tilepikoinwnies.svg) no-repeat center;
    /* background-repeat: no-repeat; */
    background-size: cover;
}

.iconDiv.--energy {
    width: 51px;
    height: 51px;
    background-color: var(--textDefault);
    -webkit-mask: url(../images/energeia.svg) no-repeat center;
    mask: url(../images/energeia.svg) no-repeat center;
    /* background-repeat: no-repeat; */
    background-size: cover;
}

.iconDiv.--pubSector {
    width: 51px;
    height: 51px;
    background-color: var(--textDefault);
    -webkit-mask: url(../images/Dimosio.svg) no-repeat center;
    mask: url(../images/Dimosio.svg) no-repeat center;
    /* background-repeat: no-repeat; */
    background-size: cover;
}

.pl-pagecontent_category__item.--tabOrgCategory:hover .pl-category-icon.--OrgIcon {
    background-color: var(--ep-primary);
}

.pl-pagecontent_category__item.--tabOrgCategory:hover .pl-category-icon.--OrgIcon .iconDiv {
    background-color: var(--defaultWhite); /* Change to your desired color */
}

.pl-pagecontent_category__item.--favoriteOrgs .pl-pagecontent_category__data {
    flex-direction: row;
    width: 100%;
}

.pl-pagecontent_category__item.--favoriteOrgs .pl-pagecontent_category__data .pl-pagecontent_category__data-content {
    display: flex;
    padding: var(--spacingSmLarge) var(--spacingLarge);
    flex-direction: row;
    justify-content: flex-start;
    gap: var(--spacingMLarge);
    height: 208px;
    align-items: center;
    width: 100%;
}

/* -- CSS only carousel -- */
/* former .carousel */
.ep-carousel {
    margin-left: auto;
    margin-right: auto;
    padding-left: 48px;
    padding-right: 48px;
    position: relative;
    width: 80%;
}

.ep-carousel__activator {
    display: none;
}

.ep-carousel__controls {
    display: none;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: 16px;
    left: 16px;
    bottom: 0;
}

.ep-carousel__controls:first-of-type {
    justify-content: flex-end;
}

.ep-carousel__controls:last-of-type {
    justify-content: flex-start;
}

.ep-carousel__control {
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: #fff;
    color: #3d414a;
    border-radius: 100%;
    box-shadow: var(--carouselBox-Shadow);
    font-size: 18px;
    height: 48px;
    justify-content: center;
    transition: 0.3s all;
    width: 48px;
    z-index: 1;
}

.ep-carousel__control:hover {
    transform: scale(1.05);
}

.ep-carousel__activator:nth-of-type(1):checked ~ .ep-carousel__controls:nth-of-type(1) {
    display: flex;
}

.ep-carousel__activator:nth-of-type(1):checked ~ .ep-carousel__screen .ep-carousel__track {
    transform: translateX(0%);
}

.ep-carousel__activator:nth-of-type(2):checked ~ .ep-carousel__controls:nth-of-type(2) {
    display: flex;
}

.ep-carousel__activator:nth-of-type(2):checked ~ .ep-carousel__screen .ep-carousel__track {
    transform: translateX(-100%);
}

.ep-carousel__activator:nth-of-type(3):checked ~ .ep-carousel__controls:nth-of-type(3) {
    display: flex;
}

.ep-carousel__activator:nth-of-type(3):checked ~ .ep-carousel__screen .ep-carousel__track {
    transform: translateX(-200%);
}

.ep-carousel__activator:nth-of-type(4):checked ~ .ep-carousel__controls:nth-of-type(4) {
    display: flex;
}

.ep-carousel__activator:nth-of-type(4):checked ~ .ep-carousel__screen .ep-carousel__track {
    transform: translateX(-300%);
}

.ep-carousel__activator:nth-of-type(5):checked ~ .ep-carousel__controls:nth-of-type(5) {
    display: flex;
}

.ep-carousel__activator:nth-of-type(5):checked ~ .ep-carousel__screen .ep-carousel__track {
    transform: translateX(-400%);
}

.ep-carousel__activator:nth-of-type(6):checked ~ .ep-carousel__controls:nth-of-type(6) {
    display: flex;
}

.ep-carousel__activator:nth-of-type(6):checked ~ .ep-carousel__screen .ep-carousel__track {
    transform: translateX(-500%);
}

.ep-carousel__activator:nth-of-type(7):checked ~ .ep-carousel__controls:nth-of-type(7) {
    display: flex;
}

.ep-carousel__activator:nth-of-type(7):checked ~ .ep-carousel__screen .ep-carousel__track {
    transform: translateX(-600%);
}

.ep-carousel__activator:nth-of-type(8):checked ~ .ep-carousel__controls:nth-of-type(8) {
    display: flex;
}

.ep-carousel__activator:nth-of-type(8):checked ~ .ep-carousel__screen .ep-carousel__track {
    transform: translateX(-700%);
}

.ep-carousel__activator:nth-of-type(9):checked ~ .ep-carousel__controls:nth-of-type(9) {
    display: flex;
}

.ep-carousel__activator:nth-of-type(9):checked ~ .ep-carousel__screen .ep-carousel__track {
    transform: translateX(-800%);
}

.ep-carousel__activator:nth-of-type(10):checked ~ .ep-carousel__controls:nth-of-type(10) {
    display: flex;
}

.ep-carousel__activator:nth-of-type(10):checked ~ .ep-carousel__screen .ep-carousel__track {
    transform: translateX(-900%);
}

.ep-carousel__screen {
    overflow: hidden;
    margin-left: -16px;
    margin-right: -16px;
    padding: 12px;
}

.ep-carousel__track {
    font-size: 0;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.ep-carousel__item {
    display: inline-flex;
    padding-left: 16px;
    padding-right: 16px;
    vertical-align: top;
    white-space: normal;
}

.ep-carousel__item--desktop-in-1 {
    width: 100%;
}

.ep-carousel__item--desktop-in-2 {
    width: 50%;
}

.ep-carousel__item--desktop-in-3 {
    width: 33%;
}

.ep-carousel__item--desktop-in-4 {
    width: 20%;
}

.ep-carousel__item--desktop-in-5 {
    width: 20%;
}

@media only screen and (max-width: 1920px) {
    .pl-pagecontent_category__item.--tabOrgCategory {
        width: 19%;
    }
}

@media only screen and (max-width: 1440px) {
    .ep-carousel__item--desktop-in-4 {
        width: 28.9%;
    }

    .pl-pagecontent_category__item.--tabOrgCategory {
        width: 28.9%;
    }
}

/* former .demo-container */
.ep-carousel-container {
    width: 78%;
}

/* former .demo-content */
.ep-carousel-content {
    background: var(--defaultWhite);
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.09);
    color: var(--textDefault);
    display: flex;
    font-family: "Open Sans";
    font-weight: 100;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 140px;
    width: 100%;
    border-radius: 15px;
    background: var(--defaultWhite);
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.05);
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    padding: 0 16px;
    min-width: 200px;
}

.ep-carousel-content:hover {
    border: 3px solid var(--ep-primary);
}

@media screen and (max-width: 1024px) {
    .ep-carousel {
        padding-left: 0;
        padding-right: 0;
    }

    .ep-carousel__activator:nth-of-type(n):checked ~ .ep-carousel__controls:nth-of-type(n) {
        display: none;
    }

    .ep-carousel__screen {
        margin-left: 0;
        margin-right: 0;
    }

    .ep-carousel__track {
        overflow-x: auto;
        width: auto;
        padding-left: 48px;
        padding-right: 48px;
    }

    .ep-carousel__item--tablet-in-1 {
        width: 90%;
    }

    .ep-carousel__item--tablet-in-2 {
        width: 45%;
    }

    .ep-carousel__item--tablet-in-3 {
        width: 30%;
    }
}

@media only screen and (max-width: 800px) {
    .content.--with-toolbar:has(.ep-organization-selection) {
        width: 79.5%;
    }

    .pl-pagecontent_category__item.--favoriteOrgs .pl-pagecontent_category__data-main {
        width: 30%;
    }

    .ep-carousel__track {
        overflow-x: auto;
        width: auto;
        padding-left: unset;
        padding-right: unset;
        padding: 0.7rem 0;
        display: flex;
        gap: 5.2rem;
    }

    .ep-carousel {
        margin-left: auto;
        margin-right: auto;
        padding-left: unset;
        padding-right: unset;
        position: relative;
        width: 70%;
    }

    .pl-pagecontent_inner {
        padding: unset;
    }

    .pl-pagecontent_inner .pl-pagecontent_categories {
        padding: unset;
    }
}

@media only screen and (max-width: 768px) {
    .ep-carousel__item--tablet-in-3 {
        width: 45%;
    }

    .ep-carousel-content {
        padding: 0px 15px;
        margin: 0.7rem 0;
    }

    .pl-pagecontent_category__item.--tabOrgCategory {
        width: 26.4%;
    }
}

@media screen and (max-width: 650px) {
    .ep-carousel__track {
        padding-left: 0;
        padding-right: 0;
    }

    .ep-carousel__item--mobile-in-1 {
        width: 90%;
    }

    .ep-carousel__item--mobile-in-2 {
        width: 45%;
    }

    .ep-carousel__item--mobile-in-3 {
        width: 30%;
    }
}

/* -- /CSS only carousel -- */

.pl-pagecontent_category__data-main h2 {
    font-size: 1.1em;
    font-weight: var(--FontSemiBold);
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 3rem;
    margin-bottom: 0;
}

.pl-pagecontent_category__data-content {
    display: flex;
    padding: var(--spacingSmLarge) var(--spacingMLarge);
    flex-direction: row;
    justify-content: space-between;
}

.pl-pagecontent_category__toggle {
    width: 3rem;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: flex-start;
    display: flex;
    justify-content: center;
}

.pl-pagecontent_category__buttonContainer > button {
    background: none;
    border: none;
    cursor: pointer;
    opacity: 0.5;
    padding: 0;
    width: 1.7rem;
    height: 1.7rem;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 100px;
    align-items: center;
    display: flex;
    justify-content: center;
    transition: 0.2s all ease-in-out;
    font-size: 1.2rem;
}

.pl-pagecontent_category__item:not(.--favoriteOrgs):hover {
    border-radius: 11.55px;
    border: 3px solid var(--ep-primary, #1f8bff);
    cursor: pointer;
}

.pl-pagecontent_category__item:hover .pl-pagecontent_category__buttonContainer > button {
    opacity: 1;
}

.pl-pagecontent_category__item:hover .pl-pagecontent_category__buttonContainer > button i {
    color: var(--ep-primary, #1f8bff);
    opacity: 1;
}

/*Organization Selection*/

.pl-billPayments__statusPosition {
    font-weight: var(--FontSemiBold);
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
    margin:var(--spacingSmall) 0;
}

.pl-billPayments__statusPosition--BckButton  i {
        margin-right:var(--spacingSmall);
    }
.pl-billPayments__statusPosition--BckButton {
    font-size: large;
    color: var(--textDefault);
    font-weight: var(--FontSemiBold);
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
    transition: 0.3s all ease-in-out;
}
.pl-billPayments__statusPosition--BckButton:hover {
        color: var(--primaryHEX, #1f8bff);
        cursor: pointer;
    }


.pl-pagecontent_organizations-empty {
    overflow: hidden;
}

.pl-pagecontent_organization__item {
    display: flex;
    flex-direction: column;
    /*background: var(--defaultWhite);*/
    /*border: 1px solid var(--primaryHEX, #1f8bff);*/
    border: 1px solid var(--ep-primary-subtle, #1f8bff);
    border-radius: var(--borderRadius);
    padding: var(--spacingSmall) 0;
    box-shadow: var(--boxShadow);
    box-sizing: border-box;
    margin-bottom: var(--spacingMedium);
    transition: 0.1s all cubic-bezier(0.36, -0.19, 0.62, 1.35);
    height: 55px;
}

.pl-pagecontent_organization__data-content {
    display: flex;
    padding: var(--spacingSmLarge) var(--spacingMLarge);
    flex-direction: row;
    justify-content: space-between;
}

.pl-organization-title {
    font-size:var(---pl-fontSizeMedium);
    font-weight: var(--FontSemiBold);
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 3rem;
    margin-bottom: 0;
}

.pl-pagecontent_organization__item:hover {
    border-radius: 11.55px;
    border: 3px solid var(--ep-primary, #1f8bff);
    cursor: pointer;
}

.pl-pagecontent_organization__buttonContainer {
    display: flex;
}

.pl-pagecontent_organization__buttonContainer > button {
    background: none;
    border: none;
    cursor: pointer;
    opacity: 0.5;
    padding: 0;
    width: 1.7rem;
    height: 1.7rem;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 100px;
    align-items: center;
    display: flex;
    justify-content: center;
    transition: 0.2s all ease-in-out;
    font-size: 1.2rem;
}

.pl-pagecontent_organization__item:hover .pl-pagecontent_organization__buttonContainer > button {
    opacity: 1;
}

.pl-pagecontent_organization__item:hover .pl-pagecontent_organization__buttonContainer > button i {
    color: var(--ep-primary, #1f8bff);
    opacity: 1;
}

.pl-stickyContent-Container {
    /*@extend.sticky-container;*/
    /*background-color: var(--mainBG);*/
    padding-bottom: var(--spacingMedium);
    display: flex;
    flex-direction: column;
    gap: var(--spacingSMedium);

    &:focus-visible {
        outline: unset;
    }
}

.logo__icon {
    background: white;
}

.eps-logoContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.eps-logo_network-title {
    color: white;
}

/*wizard Transaction Kind Cards*/
ul.pl-executepayment-basewizard__transaction-type-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    align-items: stretch;
    gap: var(--spacingMedium);
    max-height: 500px;
    padding: 0 var(--spacingSmall) 0 0;
    /*@include media("<=small") {*/
    /*    display: grid;*/
    /*    grid-template-columns: 1fr;*/
    /*    align-items: stretch;*/
    /*    gap: var(--spacingMedium);*/
    /*    max-height: unset;*/
    /*    padding: 0 var(--spacingSmall) 0 0;*/
    /*}*/

    li .card.pl-executepayment-basewizard__transaction-type-list-item {
        list-style: none;
        display: flex;

        .card-button--selected {
            background: #fff;
            border-color: var(--bluegrad1);
            box-shadow: none;
            border-width: 3px;
        }

        .inactive {
            background: #f0f0f0 !important;
            border-color: #ccc !important;
            box-shadow: none !important;
            border-width: 1px !important;
            opacity: 0.5;
            cursor: not-allowed;
        }

        .card-button {
            height: var(--pl-wallet-wizard-card-button);

            .card__header {
                font-weight: var(--FontSemiBold);
                padding: 0 var(--spacingMedium) var(--spacingMedium) var(--spacingMedium);
                color: var(--textDefault);
                display: flex;
            }

            .card__image {
                height: var(--pl-wallet-wizard-cardImage);
                display: flex;
                justify-content: center;
                align-items: center;
                margin: var(--spacingMedium) 0;

                img .nbg-logo {
                    height: auto;
                    width: 50%;
                }

                .pl-executepayment-basewizard__transaction-type-icon {
                    display: flex;
                    line-height: 1;
                    font-size: 2rem;
                    text-align: center;
                    color: var(--defaultWhite);
                    background: var(--bluegrad2);
                    border-radius: 100px;
                    width: 45px;
                    height: 45px;
                    justify-content: center;
                    align-items: center;
                    transition: 0.15s all ease-in;
                    overflow: hidden;
                }
            }
        }
    }
}

button.card-button {
    border-radius: var(--container-input-radius);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    transition: 0.1s all ease-in-out;
    border: 3px solid transparent;
    padding: 0;
    overflow: hidden;
    background: #ebf2ff;
}

button.card-button:hover {
    background: hsla(0deg, 0%, 100%, 100%);
    border-color: var(--bluegrad1);
    box-shadow: none;
    border-width: 3px;
}

button.card-button:hover .card__header {
    color: var(--bluegrad1);
}

.pl-executepayment-basewizard__transaction-type {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-self: center;
}

.pl-executepayment-paymentdetails {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    gap: inherit;
}

.pl-customGrid {
    max-height: calc(90.6vh - 2rem - var(--topRowHeight));
}

/* styles.css */

.organization-popup-content {
    text-align: center;
    padding: var(--spacingSmLarge);
}

.organization-popup-title {
    font-weight: bold;
}

.organization-popup-buttons {
    display: flex;
    justify-content: center;
    gap: var(--spacingSmLarge);
    margin-top: var(--spacingSmLarge);
}

.pl-readonly-panel label[class*="-required"] span::after {
    content: none;
    /* Removes the asterisk */
}

.icon-link.-bell {
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    cursor: pointer;
}

.icon-link.-bell .epp-badge-inbox {
    position: absolute;
    top: 1px;
    right: -5px;
    background-color: red;
    color: white;
    font-size: var(--pl-fontSizeTiny);
    font-weight: bold;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    user-select: none;
    text-align: center;
}

.pl-drawer.-visible.-inbox {
    overflow: hidden;
}

.pl-drawer.-visible.-inbox .pl-drawer__content {
    height: 100%;
    overflow: hidden;
    padding-top: 0;
}

.pl-drawer.-visible.-inbox .pl-drawer__header {
    height: auto;
}

.pl-drawer.-visible.-inbox .pl-drawer__content .flex-container[class*="flex-item-"]:not(.direction-column),
.pl-drawer.-visible.-inbox .pl-drawer__content .flex-container[class*="flex-item-"]:not(.direction-column) > div[class*="flex-item-"] {
    min-height: 0;
    height: fit-content;
    width: initial;
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem {
    padding: var(--spacingMedium) 0 0 0;
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .k-tabstrip-content:focus,
.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .k-tabstrip-content.k-focus,
.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .k-tabstrip > .k-content:focus,
.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .k-tabstrip > .k-content.k-focus {
    outline-color: #fff;
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notifications-all-read {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: center;
    gap: var(--spacingMedium);
    margin-right: var(--spacingMLarge);
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notifications-all-read span {
    font-weight: var(--FontSemiBold);
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list {
    overflow-y: auto;
    max-height: 77vh;
    padding-right: var(--spacingSmall);
    display: grid;
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item {
    display: flex;
    flex-direction: column;
    gap: var(--spacingMedium);
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data {
    display: flex;
    flex-direction: column;
    gap: var(--spacingSmall);
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data .pl-notification-list__data-header .pl-notification-list__creation-date {
    font-size: var(--pl-fontSizeMedium);
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data .pl-notification-list__data-header .pl-notification-list__creation-date.-not-read {
    font-weight: var(--FontBold);
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data .pl-notification-list__data-content {
    display: flex;
    flex-direction: column;
    background: var(--defaultWhite);
    border-radius: var(--borderRadius);
    padding: var(--spacingSmall);
    box-sizing: border-box;
    max-height: var(--notificationsItem_MaxHeight);
    justify-content: flex-start;
    cursor: pointer;
    margin-left: var(--shadowHelper-spacing);
    box-shadow: var(--boxShadow_notifications);
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data .pl-notification-list__data-content .pl-notification-list__data-main {
    display: flex;
    align-items: flex-start;
    gap: var(--spacingSmall);
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data .pl-notification-list__data-content .pl-notification-list__data-main .pl-notification-list__subject {
    font-size: var(--pl-fontSizeMedium);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font-weight: var(--FontSemiBold);
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data .pl-notification-list__data-content .pl-notification-list__data-main .pl-notification-list__subject.-not-read {
    font-weight: var(--FontBold);
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data .pl-notification-list__data-content .pl-notification-list__check-read i.IsRead {
    color: var(--IndicatorInactiveBG);
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data .pl-notification-list__data-content .pl-notification-list__check-read i.NotRead {
    color: var(--ep-primary);
    transition: 0.3s;
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data .pl-notification-list__data-content .pl-notification-list__check-read .pl-notification-list__check-read--checker {
    visibility: hidden;
    display: none;
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data .pl-notification-list__data-content .pl-notification-list__data-sec {
    padding-left: var(--spacingLarge);
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data .pl-notification-list__data-content .pl-notification-list__data-sec .pl-notification-list__text {
    font-size: var(--pl-fontSizeNormal);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pl-drawer.-visible.-inbox .pl-drawer__content .ep-tabItem .pl-notification-list .pl-notification-list__item .pl-notification-list__data .pl-notification-list__data-content .pl-notification-list__data-sec .pl-notification-list__text.-not-read {
    font-weight: var(--FontBold);
}

.pl-notification-item .pl-notification-item__data {
    display: flex;
    flex-direction: column;
    background: var(--defaultWhite);
    border-radius: var(--borderRadius);
    padding: var(--spacingSMedium);
    box-sizing: border-box;
    height: auto;
    margin-bottom: var(--spacingMedium);
    box-shadow: var(--boxShadow_responses);
    padding-bottom: var(--spacingMedium);
}

.pl-notification-item .pl-notification-item__data .pl-notification-item__data-header {
    display: flex;
    gap: var(--spacingSmall);
    align-items: flex-start;
}

.pl-notification-item .pl-notification-item__data .pl-notification-item__data-header .pl-notification-item__check-read i {
    color: var(--IndicatorInactiveBG);
}

.pl-notification-item .pl-notification-item__data .pl-notification-item__data-header .pl-notification-item__subject {
    font-size: var(--pl-fontSizeMedium);
    line-height: 1;
    font-weight: var(--FontSemiBold);
}

.pl-notification-item .pl-notification-item__data .pl-notification-item__data-content {
    padding-left: var(--spacingLarge);
}

.pl-notification-item .pl-notification-item__data .pl-notification-item__data-content .pl-notification-item__data-main {
    padding: var(--spacingXSmall) 0;
}

.pl-notification-item .pl-notification-item__data .pl-notification-item__data-content .pl-notification-item__data-main .pl-notification-item__creation-date {
    font-weight: var(--FontLight);
    font-size: var(--pl-fontSizeNormal);
}

.pl-notification-item .pl-notification-item__data .pl-notification-item__data-content .pl-notification-item__data-sec .pl-notification-item__text {
    font-size: var(--pl-fontSizeNormal);
    font-weight: var(--FontRegular);
}

.pl-notification-item .margin-top {
    margin-top: 0.5rem;
}
.pl-announcement-list {
    overflow-y: auto;
    max-height: 77vh;
    padding-right: var(--spacingSmall);
    display: grid;
}

@media (max-width: 768px) {
    .pl-announcement-list {
        padding-bottom: var(--spacingMedium);
    }
}

@media (max-width: 576px) {
    .pl-announcement-list {
        max-height: 72vh;
    }
}

@media (max-width: 480px) {
    .pl-announcement-list {
        max-height: 65vh;
    }
}

.pl-announcement-list__item {
    display: flex;
    flex-direction: column;
    gap: var(--spacingMedium);
    margin-left: var(--shadowHelper-spacing);
    overflow: hidden;
    padding: 0 var(--spacingSmaller);
}

.pl-announcement-list__data {
    display: flex;
    flex-direction: column;
    gap: var(--spacingSmall);
}

.pl-announcement-list__data-header .pl-announcement-list__creation-date {
    font-size: var(--pl-fontSizeMedium);
}

.pl-announcement-list__data-content {
    display: flex;
    flex-direction: column;
    background: var(--defaultWhite);
    border-radius: var(--borderRadius);
    padding: var(--spacingSmall);
    box-shadow: var(--boxShadow);
    box-sizing: border-box;
    max-height: 85px;
    box-shadow: var(--boxShadow_notifications);
    justify-content: flex-start;
    cursor: pointer;
    margin: 1px;
}

.pl-announcement-list__data-main {
    display: flex;
    align-items: flex-start;
    gap: var(--spacingSmall);
}

.pl-announcement-list__subject {
    font-size: var(--pl-fontSizeMedium);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-weight: var(--FontSemiBold);
}

.pl-announcement-list__data-sec .pl-announcement-list__text {
    font-size: var(--pl-fontSizeNormal);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.pl-drawer {
    height: 100vh;
    width: var(--drawerMD);
    z-index: 1000000;
    position: fixed;
    right: 0;
    background: var(--defaultWhite);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    opacity: 0;
    transform: translateX(1000px);
}

.pl-drawer.-visible {
    -webkit-animation: slide-in-right 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-in-right 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.pl-drawer.-filters {
    display: flex;
    flex-direction: column;
}

.pl-drawer .pl-drawer__header {
    color: var(--textDefault);
    padding: var(--spacingMedium);
    box-sizing: border-box;
    position: relative;
    height: var(--pl-drawer-header-Height);
}

.pl-drawer__header h2 {
    font-size: 1.25rem;
    margin-bottom: 0;
    font-weight: var(--FontSemiBold);
}

.pl-drawer__header h2 span {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-right: 0.5rem;
}

.pl-drawer .pl-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    background: rgba(0, 0, 0, 0);
}

.pl-drawer .pl-close:hover {
    background: rgba(0, 0, 0, 0.05);
}

.pl-drawer__content {
    padding: var(--spacingMedium);
    height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-height: calc(100vh - var(--pl-drawer-header-Height) - var(--pl-drawer-footer-Height));
}

.pl-drawer.-visible.-inbox .pl-drawer__footer {
    padding: var(--spacingMedium);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacingMedium);
    position: static;
    flex-shrink: 1;
    height: var(--pl-drawer-footer-Height);
}

.epp-validation-error-message {
    color: var(--danger);
}

.pl-page__skeleton-loader {
    width: 100%;
}

.pl-basiclist__skeleton-item {
    border-radius: var(--borderRadius);
    box-sizing: border-box;
    margin-bottom: 1rem;
}

.pl-basiclist__skeleton-item .k-skeleton,
.pl-basiclist__skeleton-item .k-placeholder-line {
    border-radius: var(--borderRadius);
}

.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-scrollable .k-tabstrip-items-wrapper,
.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-scrollable .k-tabstrip-items-wrapper.k-hstack {
    border-radius: 60px !important;
}

.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-scrollable .k-tabstrip-items-wrapper .k-tabstrip-items,
.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-scrollable .k-tabstrip-items-wrapper .k-tabstrip-items.k-reset {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 60px !important;
}

.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-scrollable .k-tabstrip-items-wrapper.k-hstack .k-tabstrip-items,
.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-scrollable .k-tabstrip-items-wrapper.k-hstack .k-tabstrip-items.k-reset {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 60px !important;
}

.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-top .k-tabstrip-items-wrapper {
    border-bottom-width: 0px;
    /* border-radius: 60px; */
    overflow: hidden;
    border: 1.5px solid var(--primary);
    min-height: 32px;
}

.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-top .k-tabstrip-items-wrapper .k-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: flex;
    vertical-align: middle;
    flex: 2 1 auto;
    align-content: center;
    align-items: center;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    cursor: pointer;
    max-height: var(--pillFiter-maxHeight);
    text-wrap: nowrap;
}

.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-top .k-tabstrip-items-wrapper .k-item:active {
    margin-bottom: 0;
    border-bottom-width: 1px;
    background-color: var(--primary);
    color: var(--defaultWhite);
}

.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-top .k-tabstrip-items-wrapper .k-item .k-link {
    flex: 0;
    max-height: var(--pillFiter-maxHeight);
}

.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-top .k-tabstrip-items-wrapper .k-item:not(.k-active) {
    background-color: var(--defaultwhite);
    font-weight: var(--FontMedium);
    color: var(--primary);
}

.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-top .k-tabstrip-items-wrapper .k-item.k-active {
    margin-bottom: 0;
    border-bottom-width: 1px;
    background-color: var(--ep-primary);
    color: var(--defaultWhite);
}

.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-content {
    border-color: #dee2e6;
    color: #212529;
    background-color: var(--defaultWhite);
    border: none;
}

.epp-tabgroup.ep-tab.ep-layout .k-tabstrip .k-content {
    border-color: #dee2e6;
    color: #212529;
    background-color: var(--defaultWhite);
    border: none;
}

.epp-tabgroup.ep-tab.ep-layout .k-tabstrip-items .k-link {
    padding-block: 0.5rem;
    padding-inline: 1rem;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    vertical-align: middle;
    flex-direction: row;
    align-items: center;
    flex: 0;
    padding-block: 0.5rem;
    padding-inline: 1rem;
    color: inherit;
    cursor: pointer;
    display: flex;
    vertical-align: middle;
    flex: none;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.epp-tabgroup.ep-tab.ep-layout > .k-tabstrip-items .k-item.k-active {
    border-color: var(--primary);
    color: var(--primary);
    font-weight: var(--FontMedium);
    background-color: transparent;
    border-width: 0 0 2px 0;
}

.epp-tabgroup.ep-tab.ep-layout > .k-tabstrip-items .k-item.k-selected {
    border-color: var(--primary);
    color: var(--primary);
    font-weight: var(--FontMedium);
    background-color: transparent;
    border-width: 0 0 2px 0;
}

.epp-tabgroup.ep-tab.ep-layout > .k-tabstrip-items-wrapper {
    /* border-radius: 60px; */
    min-height: 32px;
}

.epp-tabgroup.ep-tab.ep-layout > .k-tabstrip-items-wrapper .k-item {
    background-color: var(--mainBG);
}

.epp-tabgroup.ep-tab.ep-layout > .k-tabstrip-items-wrapper .k-item:focus {
    box-shadow: none;
}

/* =empty state */

.empty-state {
    text-align: center;
    top: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-size: 0.8rem;
    max-width: 50%;
    margin: 5em auto 0 auto;
}

.empty-state__icon {
    width: 2em;
    height: 2em;
    background: var(--ep-primary);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--defaultWhite);
    font-size: 5em;
}

.empty-state h2 {
    letter-spacing: 0;
    font-size: 2em;
    margin: 0;
}

.empty-state p {
    font-size: 1.3em;
    margin: 0;
}

.empty-state .k-button {
    width: 32px;
    height: 32px;
    border-radius: 100px !important;
}

.k-notification-group.ws-notification .k-notification-container {
    min-width: 13rem;
    max-width: 35rem;
    overflow: hidden;
}

.k-notification-group.ws-notification .k-notification-container .k-notification-pl-toaster-custom-color {
    background-color: var(--ep-primary);
    color: var(--defaultWhite);
    border-radius: unset;
    align-items: flex-start;
    flex: 1 1 auto;
}

.k-notification-group.ws-notification .k-notification-container .k-notification-pl-toaster-custom-color .k-notification-content {
    max-width: 28rem;
}

.k-notification-group.ws-notification .k-notification-container .k-notification-pl-toaster-custom-color .k-notification-content h6 {
    font-weight: var(--FontBold);
    line-height: unset;
    margin: unset;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.k-notification-group.ws-notification .k-notification-container .k-notification-pl-toaster-custom-color .k-notification-content p {
    margin: unset;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.k-notification-group.ws-notification .k-notification-container .k-notification-pl-toaster-custom-color .k-notification-actions {
    align-self: flex-start;
}

.pl-dialog-confirm-textarea {
    width: 100%;
    margin-top: 0.5rem;
    height: unset;
}

/*
.dashboard-card__payspot-balance {
    display: flex;
    width: 100%;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.dashboard-card__payspot-balance .payspot-balance {
    font-size: 1.5rem;
}

.dashboard-card__payspot-balance .card-footer {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    font-size: 1.25rem;
    padding: 0.5rem 0.5rem;
    opacity: 50%;
}

.dashboard-card__payspot-balance .card-footer:hover {
    opacity: 100%;
    transition: opacity 0.3s;
}

.dashboard-card__payspot-balance span.euro-sign {
    font-size: 1.2rem;
    margin-left: 0.5rem;
} */

.dashboard-card__total-profits,
.dashboard-card__total-cash-profits,
.dashboard-card__total-card-profits,
.dashboard-card__payspot-total-receipts-card,
.dashboard-card__payspot-total-receipts-cash-amount-card,
.dashboard-card__payspot-total-receipts-card-amount-card {
    display: flex;
    width: 100%;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.dashboard-card__total-profits .dashboard-card__total-profits-amount,
.dashboard-card__total-card-profits .dashboard-card__total-card-profits-amount,
.dashboard-card__total-cash-profits .dashboard-card__total-cash-profits-amount,
.dashboard-card__payspot-total-receipts-card .dashboard-card__payspot-total-receipts-card__amount,
.dashboard-card__payspot-total-receipts-cash-amount-card .dashboard-card__payspot-total-receipts-cash-amount-card__amount,
.dashboard-card__payspot-total-receipts-card-amount-card .dashboard-card__payspot-total-receipts-card-amount-card__amount {
    font-size: 1.5rem;
}

.dashboard-card__total-profits,
.dashboard-card__total-cash-profits,
.dashboard-card__total-card-profits,
.dashboard-card__payspot-total-receipts-card,
.dashboard-card__payspot-total-receipts-cash-amount-card,
.dashboard-card__payspot-total-receipts-card-amount-card span.euro-sign {
    font-size: 1.2rem;
    margin-left: 0.5rem;
}

.empty-body {
    margin: 0;
    font-weight: 300;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: var(--spacingMedium) 2rem;
    box-sizing: border-box;
    text-align: center;
}

.ep-card.transactions-sum-amounts-info-pie {
    padding: unset;
    overflow: hidden;
    margin-bottom: auto;
    margin-top: auto;
}

.ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    padding: 0;

}



.ep-card.transactions-sum-amounts-info-pie .transactions-sum-amounts-info-pie__chart {
    width: 100%;
    height:var(--infoPieChartContainer);

}
.ep-card.transactions-sum-amounts-info-pie .transactions-sum-amounts-info-pie__chart svg {
    width: 100%;
}
@media (max-width: 1600px) {
    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-content: flex-start;
        overflow-y: auto;
        padding-top: var(--spacingMedium);
        gap:var(--spacingMedium);
    }
    .transactions-sum-amounts-info-pie__legend {
        display: flex;
        align-items: flex-start;
        width: 100%;
    }
    .ep-card.transactions-sum-amounts-info-pie .transactions-sum-amounts-info-pie__chart {
        width: 100%;
        height: 100%;
        padding: var(--spacingMedium) 0;
        height:auto;

    }

    .ep-card.transactions-sum-amounts-info-pie .transactions-sum-amounts-info-pie__chart .k-chart svg {
        min-height: 165px;
        overflow: visible!important;
        padding: var(--spacingLarge) 0;
    }
    .k-tilelayout-item.k-card .k-tilelayout-item-body.k-card-body:has(.transactions-sum-amounts-info-pie) {
        display: flex;
        flex-direction: column;

    }
}
@media (max-width: 1024px) {
    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend {
        padding: 0 var(--spacingLarge);
    }
}
.ep-card.transactions-sum-amounts-info-pie .transactions-sum-amounts-info-pie__chart svg text {
       font-weight: 700!important;
    white-space: unset!important;
    inline-size: 130px!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2!important;
    -webkit-box-orient: vertical!important;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    width: 140px!important;
}
@media (max-width: 768px) {
    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend {
        padding: 0 var(--spacingSmall);
    }
}

@media (max-width: 480px) {
    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend {
        padding-top: var(--spacingMedium);
        flex-direction: column-reverse;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
        width: 100%;
        height: 100%;
        gap: var(--spacingMedium);
        justify-content: space-between;
        align-items: center;
    }
}

@media (max-width: 1024px) {
    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__chart {
        height: 100%;
        width: 65%;
    }
}

@media (max-width: 768px) {
    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__chart {
        height: 100%;
        width: 55%;
    }
}

@media (max-width: 600px) {
    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__chart {
        height: 173px;
        width: 100%;
    }

    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__chart .k-chart svg {
        width: 100%;
        height: 500px !important;
        overflow: visible !important;
        margin-top: var(--spacingMedium);
    }
}

@media (max-width: 1024px) {
    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 35%;
        justify-content: center;
        gap: var(--spacingSmall);
    }
}

@media (max-width: 768px) {
    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 45%;
        justify-content: center;
        gap: var(--spacingSmall);
    }
}

@media (max-width: 600px) {
    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend {
        height: 300px;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        width: 100%;
        justify-content: center;
        gap: var(--spacingSmall);
    }

    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .k-listview-flex.telerik-blazor .k-listview-content {
        overflow: hidden;
    }

    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .transactions-sum-amounts-info-pie__legend__row {
        max-width: 15rem;
        min-width: unset;
    }

    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .transactions-sum-amounts-info-pie__legend__row .name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 15rem;
    }

    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .transactions-sum-amounts-info-pie__legend__row .right-side {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    @media (max-width: 425px) {
        .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend {
            display: flex;
            max-width: 20rem;
            margin-bottom: var(--spacingSmall);
            min-width: 15rem;
            flex-direction: column;
            align-items: flex-start;
        }
    }
    @media (max-width: 375px) {
        .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend {
            display: flex;
            margin-bottom: var(--spacingSmall);
            max-width: 15rem;
            min-width: 5rem;
            flex-direction: column;
            align-items: flex-start;
        }
    }
}

@media (max-width: 425px) {
    .ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend {
        justify-content: center;
        gap: var(--spacingSmall);
        height: auto;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        width: 100%;
        padding: unset;
    }
}

.ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .pl-card__title,
.ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .pl-card__subtitle {
    text-align: center;
}

.ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .transactions-sum-amounts-info-pie__legend {
    flex: 1 1 40%;
}

.ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .transactions-sum-amounts-info-pie__legend__row {
    display: flex;
    max-width: 20rem;
    min-width: 15rem;
    align-items: flex-start;
    gap:var(--spacingSMedium);
    margin-bottom: var(--spacingMedium);
}

.ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .transactions-sum-amounts-info-pie__legend__row .left-side {
    display: flex;
    overflow: hidden;

}

.ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .transactions-sum-amounts-info-pie__legend__row .left-side .icon {
  width: var(--pl-dashboard_labelSeriers_IconSize);
  height: var(--pl-dashboard_labelSeriers_IconSize);
  border-radius: var(--spacingTiny);
}

.ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .transactions-sum-amounts-info-pie__legend__row .right-side {
    display: flex;
    flex-direction: column;

}

.ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .transactions-sum-amounts-info-pie__legend__row .right-side .pl-ChartSeries_name {
    overflow: hidden;
    font-size: var(--pl-fontSizeSmaller);
    color: var(--dashbordLabelLight);
    font-weight: var(--FontNormal);

}

.ep-card.transactions-sum-amounts-info-pie .ep-card__body.pie.--custom-legend .transactions-sum-amounts-info-pie__legend .transactions-sum-amounts-info-pie__legend__row .right-side .pl-ChartSeries_ammount {
    font-weight: var(--FontBold);
    font-size: var(--pl-fontSizeLarge);
    line-height: 1.1;

}

.payment-wizard-modal .k-window-content {
    justify-items: center;
}

.dashboard-total-receipts-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-total-receipts-card-item {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0.5rem;
    border: 1px solid lightgray;
    border-radius: 5px;
    flex-wrap: nowrap;
}

.ep-executepayment-basewizard--AfterResultMail {
    display: flex;
    flex-direction: column;
}

.ep-executepayment-basewizard--AfterResultMail .ep-executepayment-basewizard--AfterResultMail__address {
    margin-top: 0.5rem;
}

.ep-executepayment-basewizard--AfterResultMail .ep-executepayment-basewizard--AfterResultMail__mail-button {
    justify-items: center;
}

.pl-wizard_validation_errors {
    color: var(--danger);
}

@media (min-width: 576px) {
    .scrollable-dialog.blazor-dialog-content-wrapper-normal:has(.blazor-dialog-content):has(.blazor-dialog-body):has(.ep-executepayment-basewizard--AfterResultMail) {
        max-width: 350px;
        margin: 2.75rem auto;
    }
}

.scrollable-dialog.blazor-dialog-content-wrapper:has(.blazor-dialog-content):has(.blazor-dialog-body):has(.ep-executepayment-basewizard--AfterResultMail) {
    overflow: hidden;
    min-height: fit-content;
}

.scrollable-dialog .blazor-dialog-content:has(.blazor-dialog-body):has(.ep-executepayment-basewizard--AfterResultMail) {
    height: auto;
}

.scrollable-dialog .blazor-dialog-body:has(.ep-executepayment-basewizard--AfterResultMail) {
    min-height: fit-content;
    overflow-y: hidden;
}

@media (min-width: 1300px) {
    .ep-executepayment-basewizard--AfterResultMail__mail-button .ep-button.ep-control .k-button {
        min-width: 80px;
        width: 320px;
    }
}

.scrollable-dialog .blazor-dialog-content:has(.blazor-dialog-body):has(.ep-executepayment-basewizard--AfterResultMail) .blazor-dialog-header {
    padding: 0;
    border-bottom: 0;
}

.ep-drawer__content > .blazor-dialog-body {
    padding: 0;
}

.ep-drawer .drawer__body {
    padding: var(--spacingMedium);
    height: 100%;
    overflow: auto;
}

.ep-drawer > .blazor-dialog-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0;
}
.pl-announcement-item__subject {
    font-weight: var(--FontSemiBold);
    font-size: var(--pl-fontSizeMedium);
}

.pl-announcement-item .margin-top {
    margin-top: 0.5rem;
}

.pl-announcement-item .pl-announcement-item__data {
    display: flex;
    flex-direction: column;
    background: var(--defaultWhite);
    border-radius: var(--borderRadius);
    padding: var(--spacingSMedium);
    box-sizing: border-box;
    height: auto;
    margin-bottom: var(--spacingMedium);
    box-shadow: var(--boxShadow_responses);
    padding-bottom: var(--spacingMedium);
}

.pl-announcement-item .pl-announcement-item__data .pl-announcement-item__data-header {
    height: auto;
    position: relative;
    overflow: hidden;
    display: block;
    word-wrap: break-word;
}

.pl-announcement-item .pl-announcement-item__data .pl-announcement-item__data-header .pl-announcement-item__subject {
    font-size: var(--pl-fontSizeMedium);
    line-height: 1;
}

.pl-announcement-item .pl-announcement-item__data .pl-announcement-item__data-content .pl-announcement-item__data-main {
    padding: var(--spacingXSmall) 0;
    font-size: 1rem;
}

.pl-announcement-item .pl-announcement-item__data .pl-announcement-item__data-content .pl-announcement-item__data-main .pl-announcement-item__creation-date {
    font-weight: var(--FontLight);
    font-size: 1rem;
}

.pl-announcement-item .pl-announcement-item__data .pl-announcement-item__data-content .pl-announcement-item__data-sec {
    height: auto;
    position: relative;
    overflow: hidden;
    display: block;
    word-wrap: break-word;
}

.pl-announcement-item .pl-announcement-item__data .pl-announcement-item__data-content .pl-announcement-item__data-sec .pl-notification-item__text {
    font-size: var(--pl-fontSizeNormal);
    font-weight: var(--FontRegular);
}
.ep-organization-selection .ep-organizations-browser-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.ep-organization-selection .ep-organizations-browser-wrapper .ep-pagecontent_organizations-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

div.payment-wizard__header {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 0 1.3rem;
}

div.title {
    display: inline-flex;
    width: 50%;
    justify-content: flex-start;
    align-items: center;
}

.title .title__icon {
    font-size: x-large;
}

.title .title__heading {
    font-size: large;
    margin-left: 2%;
}

div.balance {
    display: inline-flex;
    width: 50%;
    align-items: flex-end;
    justify-content: flex-end;
}

.balance .balance__caption {
    font-size: small;
}

.balance .balance__amount {
    font-size: larger;
    margin-left: 2%;
}
.ep-splitterpane.ep-layout.flex-container.direction-column.flex-item-1 {
    overflow: auto;
}

.ep-splitterpane.ep-layout.flex-container.direction-column.flex-item-1 .-open > .ep-panel__header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: sticky;
    top: 0;
    z-index: 100;
}
.top-row .top-row__center .top-row__blink-offline {
    width: 50%;
    color: red;
    font-weight: 600;
    animation: blink 1s linear infinite;
}

@keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.transactions-timeline-history .ep-layout-item .ep-timeline .timeln-list {
    background: none;
}
.transactions-timeline-history .ep-layout-item .ep-timeline .timeln-list .timeln-item:nth-child(2n + 1) {
    padding-right: calc(var(--dotsize) + 2rem);
    padding-left: 0;
    margin-left: 0;
}

.transactions-timeline-history .ep-layout-item .ep-timeline .timeln-list .timeln-item {
    width: 30%;
    margin-left: calc(30% - var(--dotsize) - 2px);
    padding-left: calc(var(--dotsize) + 2rem);
}

.minimal-layout {
    display: flex;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: url("/images/Payspot-BG-min.jpg");
    background-size: contain;
    background-position: 0% 60%;
}
.minimal-layout__main {
    display: flex;
    flex-direction: column;
    gap: var(--spacingLarge);
}

.minimal-layout__content .nbg-inaccessible-page,
.minimal-layout__content .unauthorized-page {
    display: flex;
    flex-direction: column;
    gap: var(--spacingLarge);
    align-items: center;
    justify-content: center;
}
.nbg-inaccessible-page__body {
    display: flex;
    flex-direction: column;
    gap: var(--spacingSMedium);
}
.nbg-inaccessible-page__body .nbg-inaccessible-page__main-message,
.unauthorized-page__main-message {
    font-size: var(--pl-fontSizeXLarge);
    text-align: center;
}
.nbg-inaccessible-page__body .nbg-inaccessible-page__secondary-message,
.unauthorized-page__secondary-message {
    font-size: var(--pl-fontSizeNormal);
    text-align: center;
}
.minimal-layout__logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.minimal-layout__logo-container img {
    width: 215px;
}
.nbg-inaccessible-page__header,
.unauthorized-page__header {
    display: flex;
    align-items: center;
    justify-content: center;
}
.unauthorized-page__header img {
    width: 215px;
}
.nbg-inaccessible-page__header img {
    width: 215px;
}

.unauthorized-page__body {
    display: flex;
    flex-direction: column;
    gap: var(--spacingSMedium);
}
.formSide {
    display: flex;
    flex-direction: column;
    gap: var(--spacingMedium);
    background: white;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 67.25%;
    height: 100%;
    /* background: linear-gradient(to bottom left, transparent 0%, transparent 50%, white 50%, white 100%); */
    align-self: flex-end;
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
}

.img_side {
    width: 32.75%;
}

@media (max-width: 1200px) {

    .img_side {
        width: 36.75%;

    }
    .formSide {
        width: 63.25%;
    }
}
@media (max-width: 800px) {
    .formSide {
        width: 100%;
        clip-path: unset;
    }
    .img_side {
        display: none;
    }
    .minimal-layout__body {
        margin-right: 30%;
    }
}
/* Dashboard Cards*/
.k-tilelayout-item.k-card .k-tilelayout-item-body.k-card-body {
    padding: 25px 30px;
}
.k-tilelayout-item.k-card .k-tilelayout-item-body.k-card-body:has(.transactions-sum-amounts-info-pie)  {
    display: flex;
    flex-direction: column;
}

.k-tilelayout-item.k-card .k-tilelayout-item-body.k-card-body:has(.transactions-sum-amounts-info-pie) .pl-payspot-grid-label {
    margin-bottom: auto;
}

.ps-card.ps-card_Sum--Total {
    display: flex;
    flex-direction: column;
    gap: var(--spacingMedium);
    height: 180px;
    max-height: 180px;
    justify-content: center;
    align-items: center;
    border-radius: 6.43px;
    background: var(--defaultWhite);
    border: 1px solid var(--defaultwhite);
}
.k-tilelayout .k-card {
    box-shadow: var(--container-input-boxShadow);
    border-width: 0;
}
.ps-card__label {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.ps-card__LabelText {
    font-size: var(--pl-fontSizeSmaller);
    color: var(--dashbordLabelLight);
}
.ps-card__Label__Button {
    background: var(--ep-primary);
    border-color: var(--ep-primary);
    color: var(--defaultWhite);
    padding: var(--spacingTiny) var(--spacingTiny);
    border: 0;
    display: flex;
    gap: var(--spacingSmall);
    cursor: pointer;
}
.ps-card__Label__Button:hover {
    background: var(--bluegrad1);
}
.ps-card__Label__ButtonText {
    font-size: var(--pl-fontSizeSmall);
}

.ps-card__payspot-balance {
    font-size: var(--pl-fontSizeCardSumPrimary);
    font-weight: var(--FontBold);
}
.ps-card__payspot-TotalAmmount {
    font-size: var(--pl-fontSizeCardSumPrimary);
    font-weight: var(--FontBold);
}
.dashboard-card__payspot-total-receipts-card__amount {
    font-size: var(--pl-fontSizeCardSumPrimary);
    font-weight: var(--FontBold);
}
.ps-card__LastUpdt {
    font-size: var(--pl-fontSizeSmaller);
    color: var(--dashbordLabelLight);
}
.k-tilelayout-item-header.k-card-header.k-cursor-move {
    display: none;
}
.ps-card_combinedSum-container {
    display: flex;
    justify-content: flex-start;
    gap: var(--spacingLarge);
}

.dashboard-card__total-card-profits-amount {
    font-size: var(--pl-fontSizeCardSumSecondary);
    font-weight: var(--FontSemiBold);
}
.dashboard-card__total-cash-profits-amount {
    font-size: var(--pl-fontSizeCardSumSecondary);
    font-weight: var(--FontSemiBold);
}

.dashboard-card__payspot-total-receipts-card-amount-card__amount {
       font-size: var(--pl-fontSizeCardSumSecondary);
    font-weight: var(--FontSemiBold);
}
.dashboard-card__payspot-total-receipts-cash-amount-card__amount {
       font-size: var(--pl-fontSizeCardSumSecondary);
    font-weight: var(--FontSemiBold);
}

.pl-payspot-receipt-grid-header {
    font-size: var(--pl-fontSizeSmaller);
    color: var(--dashbordLabelLight);
    display: flex;

}
.pl-payspot-receipt-grid-header_Cell,.pl-payspot-receipt-grid-row_Cell {
    flex:1;
}
.pl-payspot-receipt-grid-header_Cell:last-child {
    flex: 0 0 20%;

}

.pl-payspot-receipt-grid-row_Cell:last-child {
    font-weight: var(--FontBold);
    flex: 0 0 20%;
}

.pl-top-partners-grid-row_Cell {
    flex: 1;
}

.pl-top-partners-grid-row_Cell:last-child {
    font-weight: var(--FontBold);
    flex: 0 0 20%;
}

.pl-payspot-grid-label {
    font-weight: var(--FontBold);
    margin-bottom: var(--spacingSmall);
    font-size: var(--pl-fontSizeMedium);
}

.pl-payspot-grid-row-container {
    height:100%;
    overflow-y:auto;
}

.login-page {
    display: flex;
    height: 100vh;
    background: url('/images/bg.jpg') no-repeat center center !important;
    background-size: cover;
    flex-direction: row-reverse;
}


.m-menu__item.-is-open > .m-menu__link > .m-menu__icon {
    color: var(--sidebarMenuText);
}
.m-menu__item.-is-open > .m-menu__toggle .m-menu__arrow svg {
    fill: var(--sidebarMenuText);
}

.m-menu__item.-is-open > .m-menu__link:hover > .m-menu__icon {
    color:var(--darkerText);
}

.pl-disabled {
    pointer-events: none;
    opacity: 0.4;
}

.partner-commission-tin-filter .ep-lookup__label.ep-label.k-label {

    display:none;
}
/* temp solution to remove redundant search bar added in latest framework release */
.top-row__center .ep-search-trigger{
    display: none;
}

.network-organization-edit-row {
    align-items:flex-end;
}


.network-user-row.not-editable .k-button {
    opacity: 0.5;
    pointer-events: none;
}