@import '_content/SDS.Blazor.Components/SDS.Blazor.Components.bundle.scp.css';

/* _content/SettlementWebView/Areas/Identity/Pages/Account/LinkAccount.razor.rz.scp.css */
.registration-card[b-atevcue93g] {
    width: 100%;
    max-width: 475px;
    min-width: 475px;
}

.registration-card__header[b-atevcue93g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
}

.card__logo[b-atevcue93g] {
    width: 150px;
}

.card__title[b-atevcue93g] {
    margin-bottom: 0 !important;
}

.registration-card__list[b-atevcue93g] {
    list-style: circle !important;
    padding-left: 1rem !important;
}

.custom-form-control[b-atevcue93g] {
    width: auto;
}

@media screen and (max-width: 800px)
{
    .registration-card[b-atevcue93g] {
        width: auto;
    }

    .flex-col-mobile[b-atevcue93g] {
        flex-direction: column-reverse;
    }
}
/* _content/SettlementWebView/Components/CreateUsers.razor.rz.scp.css */
.control-group[b-cp9rh2snb4] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: end;
    column-gap: 12px;
    height: 100%;
}

.dropdown-container[b-cp9rh2snb4] {
    width: 460px;
}

@media only screen and (max-width: 690px)
{
    .control-group[b-cp9rh2snb4] {
        width: 100%;
        flex-direction: column;
        row-gap: 8px;
        align-items: start;
    }

    .dropdown-container[b-cp9rh2snb4] {
        width: 320px;
    }
}

[b-cp9rh2snb4] .rz-button{
    min-width: 120px;
}
/* _content/SettlementWebView/Components/InviteGuest.razor.rz.scp.css */
.card__logo[b-4unqhbpgg6] {
    width: 150px;
}

.card__title[b-4unqhbpgg6] {
    margin-bottom: 0 !important;
}

.registration-card__list[b-4unqhbpgg6] {
    list-style: circle !important;
    padding-left: 1rem !important;
}
/* _content/SettlementWebView/Components/Picklist.razor.rz.scp.css */
html[b-k8y0kn5et2] {
    --rz-input-focus-border: 1px solid black !important;
}

.picklist-container[b-k8y0kn5et2] {
    display: flex;
    flex-direction: column; /* more specific than flex-flow */
    justify-content: space-between;
    /*border: 1px solid red;*/
    overflow: hidden; /* Ensure no overflow outside the main container */
}

.item-list-container[b-k8y0kn5et2], .item-count-container[b-k8y0kn5et2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*border: 1px solid green;*/
    overflow: hidden; /* Ensure no overflow outside the main container */
}

.item-count[b-k8y0kn5et2] {
    padding: 0 10px 0 10px;
}

.source-container[b-k8y0kn5et2], .destination-container[b-k8y0kn5et2] {
    flex: 1 1 50%; /* Allocate equal space to each container */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Align items to the start */
    border: 2px solid lightgray;
    border-radius: 5px;
    margin: 5px; /* Optional: Adds space between containers */
    min-height: 0;
}

.picklist-item[b-k8y0kn5et2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 31px !important;
    max-height: 31px !important;
    margin-bottom: 0px;
    border-bottom: 1px solid lightgray;
    padding: 0 5px 0 5px;
}

input[type=checkbox]:checked + .picklist-item[b-k8y0kn5et2] {
    background-color: var(--sds-color-secondary);
    color: var(--sds-on-secondary);
}

.added[b-k8y0kn5et2] {
    border-left: 4px outset green;
    /*background-color: lightgreen;*/
}

.picklist-source-header[b-k8y0kn5et2]{
    margin: 5px;
    color: dimgray;
    padding: 5px;
    border-bottom: 1px solid lightgray;

}

.picklist-destination-header[b-k8y0kn5et2] {
    margin: 5px;
    color: dimgray;
    padding: 5px;
    border-bottom: 1px solid lightgray;
}

.picklist-list-container[b-k8y0kn5et2] {
    display: flex;
    flex-flow: column;
    width: 100%;
    flex: 1 1;
}


.item-container[b-k8y0kn5et2] {
    height: 100%;
    overflow-y: auto; /* Enable vertical scrolling */
}

.no-items-container[b-k8y0kn5et2] {
    display: grid;
    background: #f3f3f3;
    color: dimgray;
    place-items: center;
    height: 100%;
    overflow: hidden;
}

.filter-container[b-k8y0kn5et2] {
    height: 50px;
    max-height: 50px;
    min-height: 50px;
    padding: 0 5px 5px 5px;
    margin-bottom: 5px;
    position: sticky;
    top: 0;
    background: white;
}

.picklist-checkbox[b-k8y0kn5et2] {
    display: none;
}

.picklist-controls[b-k8y0kn5et2] {
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%;
    min-width: calc(40px + 15px);
    align-items: center;
}



[b-k8y0kn5et2] .picklist-controls .rz-button {
    margin: 10px 0 10px 0 !important;
    border-radius: 100px;
    height: 40px;
    width: 40px;
}

[b-k8y0kn5et2] .rz-form-field-label, [b-k8y0kn5et2] .rz-state-focused {
    color: black !important;
    border-color: black !important;
}

[b-k8y0kn5et2] ..rz-form-field.rz-variant-text.rz-state-focused:not(.rz-state-disabled) .rz-form-field-content:before {
    border-color: black !important;
}

/* _content/SettlementWebView/Components/UserAccountsView.razor.rz.scp.css */
.user-account-edit-container[b-ueaugdir8z]{
    height: 100%;
}
.user-account-edit-controls[b-ueaugdir8z] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
}

.user-account-account-row[b-ueaugdir8z] {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
}

.update-msg-overlay[b-ueaugdir8z] {
    background-color: rgba(0, 0, 0, 0.35);
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.update-msg[b-ueaugdir8z] {
    background: white;
    z-index: 10;
    display: flex;
    flex-flow: column;
    position: absolute;
    left: 25%;
    top: 37.5%;
    width: 50%;
    height: 20%;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid lightgray;
}

.update-msg-title[b-ueaugdir8z]{
    background-color: aliceblue;
    width: 100%;
    padding: 10px;
    height: 40px;
    border-bottom: 1px solid gray;
}

.update-msg-body[b-ueaugdir8z]{
    height: 100%;
    padding: 15px;

}

.update-msg-controls[b-ueaugdir8z]{

}

/* _content/SettlementWebView/Pages/Admin.razor.rz.scp.css */
[b-u3ckb8umsp] #AddUserButton {
    background: white;
    border: 2px dashed #65686b;
    color: black;
    box-shadow: none;
    transition: all ease-in-out 0.1s;
    max-height: 2.5rem;
}

[b-u3ckb8umsp] #AddUserButton:hover {
    background: #e8e8e8;
    border: 2px dashed #54575a;
    color: black;
    box-shadow: none;
}
/* _content/SettlementWebView/Pages/Advanced Tools/CompareTool.razor.rz.scp.css */
.control-row[b-rj008vktr6] {
	flex-direction: row;
	justify-content: space-between;
}

.sds-control-group[b-rj008vktr6] {
	display: flex;
	gap: 0.75rem;
}

.sds-input-group[b-rj008vktr6] {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

	.sds-input-group > label[b-rj008vktr6] {
		margin-bottom: 0 !important;
	}

.control-buttons[b-rj008vktr6] {
	width: max-content;
}

[b-rj008vktr6] .fixed-width-input {
	max-width: 280px;
}

[b-rj008vktr6] .control-row-date-picker {
	max-width: 150px;
}

@media screen and (max-width: 1650px) {
	.control-row[b-rj008vktr6] {
		flex-direction: column;
		row-gap: 0.65rem;
	}

	.controls[b-rj008vktr6] {
		justify-content: space-between;
	}

	.control-buttons[b-rj008vktr6] {
		align-self: end;
	}

	[b-rj008vktr6] .control-row-date-picker {
		max-width: unset;
	}

	[b-rj008vktr6] .sds-input-group {
		flex-direction: column;
		align-items: start;
		row-gap: 0;
	}
}

@media screen and (max-width: 1430px) {
	.control-row[b-rj008vktr6] {
		flex-direction: row !important;
	}

	.controls[b-rj008vktr6] {
		column-gap: 1rem !important;
	}

	.sds-control-group:not(.control-buttons)[b-rj008vktr6] {
		flex-direction: column;
	}

	.sds-input-group[b-rj008vktr6] {
		justify-content: space-between;
	}

		.sds-input-group[b-rj008vktr6] >  .rz-dropdown,
		.sds-input-group[b-rj008vktr6] >  .rz-datepicker {
			flex-grow: 1;
		}

		[b-rj008vktr6] .sds-input-group > label {
			min-width: 12ch !important;
		}

	[b-rj008vktr6] .sds-input-group {
		flex-direction: row;
		align-items: center;
	}
}

@media screen and (max-width: 1080px) {
	.control-row[b-rj008vktr6] {
		flex-direction: column !important;
	}
}

@media screen and (max-width: 850px) {
	.controls[b-rj008vktr6] {
		flex-direction: column;
		row-gap: 1rem !important;
	}

	[b-rj008vktr6] .fixed-width-input {
		max-width: unset;
	}
}

@media screen and (max-width: 450px) {
	.sds-input-group > label[b-rj008vktr6] {
		min-width: 12ch;
	}
}
/* _content/SettlementWebView/Pages/GreenButton/ConnectMyData.razor.rz.scp.css */
[b-sj072n8bll] .label {
    font-weight: bold;
}

[b-sj072n8bll] .label-short {
    width: 6ch;
}

.title[b-sj072n8bll] {
    color: #000000 !important;
}

.card-main[b-sj072n8bll] {
    width: min(125ch, 100%);
}
/* _content/SettlementWebView/Pages/Index.razor.rz.scp.css */
[b-drclgeydnh] .hide-thead .rz-grid-table > thead > tr {
    display: none;
}
/* _content/SettlementWebView/Pages/ThirdPartyManager.razor.rz.scp.css */
.btn-secondary[b-ckeegmnnbu] {
    background: var(--sds-color-secondary) !important;
    color: var(--sds-on-secondary) !important;
}

[b-ckeegmnnbu] #AddUserButton {
    background: white;
    border: 2px dashed #65686b;
    color: black;
    box-shadow: none;
    transition: all ease-in-out 0.1s;
}

[b-ckeegmnnbu] #AddUserButton:hover {
    background: #e8e8e8;
    border: 2px dashed #54575a;
    color: black;
    box-shadow: none;
}
/* _content/SettlementWebView/Shared/ConsumptionNavMenu.razor.rz.scp.css */
.select-bar-nav[b-08e8gbd2pn], 
.drop-down-nav[b-08e8gbd2pn] {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
}

.drop-down-nav[b-08e8gbd2pn] {
    display: none;
}

@media screen and (max-width: 1500px)
{
    .select-bar-nav[b-08e8gbd2pn] {
        display: none;
    }

    .drop-down-nav[b-08e8gbd2pn] {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .drop-down-nav[b-08e8gbd2pn]  .rz-dropdown {
        width: 100%;
        background-color: var(--sds-color-secondary);
        color: var(--sds-on-secondary);
    }

    .drop-down-nav[b-08e8gbd2pn]  .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
        background-color: var(--sds-color-secondary);
        color: var(--sds-on-secondary);
    }
}
/* _content/SettlementWebView/Shared/GreenButtonLayout.razor.rz.scp.css */
.logo-img[b-7q14xx9auf] {
    width: 250px;
    content: var(--sds-logo-url);
    margin:20px;
}

html[b-7q14xx9auf], body[b-7q14xx9auf] {
    max-height: 100vh !important;
}

.page[b-7q14xx9auf] {
    /*position: relative;
    display: flex;
    flex-direction: column !important;*/
    /*max-height: calc(100vh - 80px);*/
    /*margin: 15px;
    overflow-y: hidden;*/

    display: flex;
    flex-direction: column !important;
    min-height: 100vh;
    /*padding: 15px;*/
}


main[b-7q14xx9auf] {
    flex: 1;
}

.sidebar[b-7q14xx9auf] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-7q14xx9auf] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: unset !important;
    display: flex;
    align-items: center;
}

    .top-row[b-7q14xx9auf]  a, .top-row .btn-link[b-7q14xx9auf] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-7q14xx9auf] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-7q14xx9auf] {
        display: none;
    }

    .top-row.auth[b-7q14xx9auf] {
        justify-content: space-between;
    }

    .top-row a[b-7q14xx9auf], .top-row .btn-link[b-7q14xx9auf] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-7q14xx9auf] {
        flex-direction: row;
    }

    .sidebar[b-7q14xx9auf] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-7q14xx9auf] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-7q14xx9auf], article[b-7q14xx9auf] {
        /*padding-left: 2rem !important;
        padding-right: 1.5rem !important;*/
    }
}
[b-7q14xx9auf] .container-fluid {
    padding: 0 !important;
}

/*::deep #content-wrapper{
    background-color: white !important;
}*/
/* _content/SettlementWebView/Shared/MainLayout.razor.rz.scp.css */
html[b-4m6jrrmeb5], body[b-4m6jrrmeb5] {
    max-height: 100vh !important;
}

.page[b-4m6jrrmeb5] {
    /*position: relative;
    display: flex;
    flex-direction: column !important;*/
    /*max-height: calc(100vh - 80px);*/
    /*margin: 15px;
    overflow-y: hidden;*/

    display: flex;
    flex-direction: column !important;
    min-height: 100vh;
    /*padding: 15px;*/
}


main[b-4m6jrrmeb5] {
    flex: 1;
}

.sidebar[b-4m6jrrmeb5] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-4m6jrrmeb5] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: unset !important;
    display: flex;
    align-items: center;
}

    .top-row[b-4m6jrrmeb5]  a, .top-row .btn-link[b-4m6jrrmeb5] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-4m6jrrmeb5] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640px) {
    .top-row:not(.auth)[b-4m6jrrmeb5] {
        display: none;
    }

    .top-row.auth[b-4m6jrrmeb5] {
        justify-content: space-between;
    }

    .top-row a[b-4m6jrrmeb5], .top-row .btn-link[b-4m6jrrmeb5] {
        margin-left: 0;
    }

    .top-row[b-4m6jrrmeb5], article[b-4m6jrrmeb5] {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

@media (min-width: 641px) {
    .page[b-4m6jrrmeb5] {
        flex-direction: row;
    }

    .sidebar[b-4m6jrrmeb5] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-4m6jrrmeb5] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-4m6jrrmeb5], article[b-4m6jrrmeb5] {
        /*padding-left: 2rem !important;
        padding-right: 1.5rem !important;*/
    }
}
[b-4m6jrrmeb5] .container-fluid {
    padding: 0 !important;
}

/*::deep #content-wrapper{
    background-color: white !important;
}*/
/* _content/SettlementWebView/Shared/NavMenu.razor.rz.scp.css */
.top-bar[b-nyr0dnx5qu] {
    border-bottom: 4px solid var(--sds-color-primary);
    overflow: clip;
}

a .logo-img[b-nyr0dnx5qu] {
    display: block;
}

.logo-img[b-nyr0dnx5qu] {
    width: 130px;
    content: var(--sds-logo-url);
}

[b-nyr0dnx5qu] .nav-link {
    background: var(--sds-color-primary) !important;
    color: var(--sds-on-primary);
    flex-grow: 1;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 6px;
}

[b-nyr0dnx5qu] .nav-link:hover {
    background: var(--sds-color-primary-hover) !important;
    transition: all ease-in-out 0.1s;
}

[b-nyr0dnx5qu] .nav-link.active {
    background: var(--sds-color-secondary) !important;
    color: var(--sds-on-secondary) !important;
}

.oi[b-nyr0dnx5qu] {
    font-size: 1.1rem;
}

[b-nyr0dnx5qu] .rz-splitbutton > .rz-button {
    background: var(--sds-color-surface);
    border: 1px solid lightgray;
}

[b-nyr0dnx5qu] .rz-splitbutton .rz-button-text {
    margin-left: 6px;
}

[b-nyr0dnx5qu] .rz-menuitem{
    white-space: nowrap;
    overflow: hidden;
}


@media screen and (max-width: 1050px) {
    [b-nyr0dnx5qu] .rz-splitbutton > .rz-button:not(.rz-button-icon-only) > .rzi {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .top-bar[b-nyr0dnx5qu] {
        justify-content: center !important;
    }

    .logo-img[b-nyr0dnx5qu] {
        display: none;
    }
}

@media screen and (max-width: 860px) {
    .top-bar > .d-flex[b-nyr0dnx5qu] {
        gap: 10px !important;
        flex-direction: column-reverse;
        max-width: 100%;
    }

    [b-nyr0dnx5qu] .rz-splitbutton {
        width: 100%;
    }

    .control-group[b-nyr0dnx5qu] {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .control-group[b-nyr0dnx5qu] >  .rz-dropdown {
        flex-grow: 1;
    }
}

@media (max-width: 640px) {
    .nav-bar-desktop[b-nyr0dnx5qu], article[b-nyr0dnx5qu] {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}