@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* /Pages/CalculationHistory/CalculationHistory.razor.rz.scp.css */
.page-wrapper[b-hknra29svb] {
}

h1[b-hknra29svb] {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 35px;
	color: #000000;
	margin-bottom: 24px;
}

h2[b-hknra29svb] {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: #000000;
	margin-top: 32px;
	margin-bottom: 40px;
}

.loading[b-hknra29svb] {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
}

[b-hknra29svb] tr {
	cursor: pointer;
}

[b-hknra29svb] .edit-button {
	width: 40px;
	height: 30px;
	padding: 5px 9px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

[b-hknra29svb] .duplicate-button {
	width: 72px;
	height: 30px;
	padding: 5px 9px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

[b-hknra29svb] .remove-button {
	width: 64px;
	height: 30px;
	padding: 5px 9px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

[b-hknra29svb] .new-calculation-button {
	width: 177px;
	height: 42px;
}
/* /Pages/Displacement/Displacement.razor.rz.scp.css */
.displacement-wrapper[b-ds2x1ftfk6] {
	padding: 48px 40px;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	max-width: 1216px;
	margin: 0px;
}

.displacement-wrapper h1[b-ds2x1ftfk6],
h2[b-ds2x1ftfk6] {
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 30px;
	color: #000000;
	padding-bottom: 16px;
}

.displacement-wrapper h2[b-ds2x1ftfk6] {
	padding-top: 56px;
}

.displacement-wrapper p[b-ds2x1ftfk6] {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	padding: 0px;
	max-width: 560px;
}

.displacement-wrapper .calculation-image[b-ds2x1ftfk6] {
	padding-top: 43px;
	padding-bottom: 33px;
	width: 100%;
}

.right-side[b-ds2x1ftfk6] {
	padding-left: 50px;
}

.displacement-wrapper .k-button[b-ds2x1ftfk6] {
	margin-bottom: 14px;
}

.displacement-image[b-ds2x1ftfk6] {
	width: 100%;
	margin-top: 14px;
}

.displacement-image-fr[b-ds2x1ftfk6] {
	width: 100%;
	margin-top: 14px;
	margin-bottom: 18px;
}

.back-icon[b-ds2x1ftfk6] {
	font-size: 10px;
	padding-bottom: 2px;
	padding-right: 2px;
}
/* /Pages/FAQ/FrequentlyAskedQuestions.razor.rz.scp.css */
[b-ve7t4eegsa] .container {
    width: 75%;
}
.faq[b-ve7t4eegsa] {
    width: 75%;
}

/* /Pages/NewCalculation/CalculationResults/CalculationResults.razor.rz.scp.css */
.page-wrapper[b-0hgx4qbbp5] {
	margin: 0px;
}

h1[b-0hgx4qbbp5] {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 39px;
	color: #000000;
}

h2[b-0hgx4qbbp5] {
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #111f2a;
	margin-bottom: 0px;
	text-align: center;
}

h3[b-0hgx4qbbp5] {
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 39px;
	color: #111f2a;
}

h4[b-0hgx4qbbp5] {
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #111f2a;
}

.chemicalNotation[b-0hgx4qbbp5] {
	font-size: 80%;
	vertical-align: -0.35em;
	left: -4px;
}

.project-name[b-0hgx4qbbp5] {
	margin-left: 31px;
}

.displacement-section[b-0hgx4qbbp5] {
	background: #ffffff;
	box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.08);
	border-radius: 4px;
	margin: auto;
	margin-top: 24px;
}

.bottom-sections[b-0hgx4qbbp5] {
	background: #ffffff;
	box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.08);
	border-radius: 4px;
	margin: auto;
	margin-top: 15px;
}

.individual-boxes[b-0hgx4qbbp5] {
	padding-left: 4px;
	min-width: 265px;
}

.title-section[b-0hgx4qbbp5] {
	background: #f3f5f7;
	border-radius: 4px 4px 0px 0px;
	padding: 13px 40px;
	height: 50px;
}

.body-data[b-0hgx4qbbp5] {
	padding: 40px;
}

.published-df[b-0hgx4qbbp5] {
	color: green;
}

.calc-df[b-0hgx4qbbp5] {
	color: #143861;
}

.body-data-substitution[b-0hgx4qbbp5] {
	padding: 40px;
	min-height: 200px;
	/*max-height: 600px;*/
	padding-bottom: 14px;
}

.body-data-text[b-0hgx4qbbp5] {
	display: flex;
	align-items: center;
	height: 200px;
	flex-wrap: wrap;
	text-align: center;
}

.body-data-center[b-0hgx4qbbp5] {
	flex-basis: 100%;
	width: 0;
}

[b-0hgx4qbbp5] .grid-container {
	display: flex;
	width: 60%;
}

.chart-container[b-0hgx4qbbp5] {
	width: 40%;
}

.action-buttons[b-0hgx4qbbp5] {
	margin-top: 32px;
}

.chart-wrapper[b-0hgx4qbbp5] {
	height: 100%;
	width: 97%;
}

.table-wrapper[b-0hgx4qbbp5] {
	height: 100%;
}

[b-0hgx4qbbp5] .modify {
	margin-right: 22px;
}

.add-x-scroll[b-0hgx4qbbp5] {
	overflow-x: scroll;
}

.no-scroll-bar[b-0hgx4qbbp5] {
	overflow-x: scroll; /* For horiz. scroll, otherwise overflow-y: scroll; */
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	scrollbar-width: none;
}

.y-axis-label[b-0hgx4qbbp5] {
	transform: rotate(-90deg);
	overflow: auto;
	height: 100%;
}

.no-scroll-bar[b-0hgx4qbbp5]::-webkit-scrollbar {
	display: none; /* Safari and Chrome */
}

[b-0hgx4qbbp5] .k-i-info-circle {
	border-color: rgba(0, 0, 0, 0);
	background-image: none;
	background-color: rgba(0, 0, 0, 0);
}

[b-0hgx4qbbp5] .k-grid-header {
	--kendo-scrollbar-width: 0px;
	--kendo-scrollbar-height: 0px;
}

[b-0hgx4qbbp5] .k-grid-content {
	overflow-y: auto;
}

[b-0hgx4qbbp5] .no-headers-grid > div > div.k-grid-header {
	display: none;
}

[b-0hgx4qbbp5] .products-table, [b-0hgx4qbbp5] .subs-table {
	max-height: 350px;
}

[b-0hgx4qbbp5] .products-table th, [b-0hgx4qbbp5] .subs-table th {
	padding: 12.5px 13px;
}

.products-table th[b-0hgx4qbbp5], .subs-table th[b-0hgx4qbbp5] {
	padding: 12.5px 13px;
}

[b-0hgx4qbbp5] .products-table td, [b-0hgx4qbbp5] .subs-table td {
	background: #ffffff;
	border: 0.5px solid rgba(0, 0, 0, 0.08);
	padding: 12.5px 13px;
}

[b-0hgx4qbbp5] .products-table td:first-child, [b-0hgx4qbbp5] .subs-table td:first-child, [b-0hgx4qbbp5] .products-table td:nth-child(2)  {
	font-weight: 700;
	background: #fafafa;
}

@media (max-width: 1700px) {
	.individual-titles[b-0hgx4qbbp5] {
		padding: 13px 15px;
		text-align: center;
	}
}
/* /Pages/NewCalculation/ProductInfo/ProductInfo.razor.rz.scp.css */
.page-wrapper[b-vi6vyiw8fu] {
    padding: 32px 40px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    max-width: 1216px;
    margin: 0px;
    width: 100%;
}

.title[b-vi6vyiw8fu] {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 24px;
    color: #111f2a;
    margin-bottom: 12px;
}

.flex[b-vi6vyiw8fu] {
    display: flex;
}

.center[b-vi6vyiw8fu] {
    align-items: center;
    width: 200px;
    margin-left: 262px;
    position: absolute;
    margin-top: 0.75%;
}

.presets[b-vi6vyiw8fu] {
    margin-top: 2.7%;
}

[b-vi6vyiw8fu] .quantity-entry {
    width: 50%

}

[b-vi6vyiw8fu] .edit-button {
    background: none;
    margin-left: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 30px;
    height: 26px;
    padding-top: 2px;
}

[b-vi6vyiw8fu] .edit-button:focus {
    border-color: #153861;
    outline: none;
}

[b-vi6vyiw8fu] .edit-button:hover {
    border-color: #153861;
}

[b-vi6vyiw8fu] .nud {
    position: absolute;
    top: 23px;
    left: 75%;
    width: 90px;
}

.input-data-grid[b-vi6vyiw8fu] {
    display: grid;
    grid-template-columns: 2fr 2fr 2fr;
}

.uncertainty-label[b-vi6vyiw8fu] {
    text-align: end;
    margin-right: 4%;
}

.pencil-icon[b-vi6vyiw8fu] {
    width: 16px;
}

.sub-title[b-vi6vyiw8fu] {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #111f2a;
}

.divider-main[b-vi6vyiw8fu] {
    margin-top: 24px;
    margin-bottom: 24px;
    height: 1px;
    background-color: #111f2a;
}

.divider[b-vi6vyiw8fu] {
    margin-top: 24px;
    margin-bottom: 24px;
    height: 1px;
    border: 0px solid #d9d9d9;
}

.text[b-vi6vyiw8fu] {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #111f2a;
    justify-content: center;
    margin: 0px;
}

.dropdown-label[b-vi6vyiw8fu] {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #424242;
    display: block;
    margin-bottom: 3px;
}

.producing-cols[b-vi6vyiw8fu] {
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
}

.percentage-wrapper[b-vi6vyiw8fu] {
    position: relative;
}

.percentage-icon[b-vi6vyiw8fu] {
    position: absolute;
    left: 155px;
    top: 25px;
}

.information-icon[b-vi6vyiw8fu] {
    display: inline-block;
    padding-bottom: 5px;
    padding-right: 9px;
}

.waring-text[b-vi6vyiw8fu] {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #e2211c;
    margin-bottom: 16px;
}

.warning[b-vi6vyiw8fu] {
    font-size: small;
}

.chip-label[b-vi6vyiw8fu] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #111f2a;
    margin-bottom: 13px;
}

.loading[b-vi6vyiw8fu] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.chemicalNumber[b-vi6vyiw8fu] {
    font-size: 80%;
    vertical-align: -0.35em;
    left: -1px;
}

[b-vi6vyiw8fu] .chip-element {
    padding: 5px 9px;
    margin-left: 8px;
}

.close-chip[b-vi6vyiw8fu] {
    margin-left: 5px;
}

.slider[b-vi6vyiw8fu] {
    display: flex;
    width: 140px;
    height: 30px;
    background-color: #f1f1f1;
    border-radius: 25px;
    position: relative;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    align-items: center;
}

.slider input[b-vi6vyiw8fu] {
    appearance: none;
    width: 33.33%;
    height: 50px;
    cursor: pointer;
    outline: none;
}

.slider label[b-vi6vyiw8fu] {
    width: 33.33%;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    cursor: pointer;
    user-select: none;
}

.slider .thumb[b-vi6vyiw8fu] {
    width: calc(100% / 3 - 12px);
    height: 75%;
    background-color: #a3a5a3;
    border-radius: 18px;
    position: absolute;
    top: 15%;
    left: 6px;
    transition: transform 0.3s ease-in-out;
}

.slider input:nth-of-type(1):checked ~ .thumb[b-vi6vyiw8fu] {
    transform: translateX(0%);
}

.slider input:nth-of-type(2):checked ~ .thumb[b-vi6vyiw8fu] {
    transform: translateX(138.5%);
}

.slider input:nth-of-type(3):checked ~ .thumb[b-vi6vyiw8fu] {
    transform: translateX(270%);
}

[b-vi6vyiw8fu] .default-dropdown {
    width: 100%;
    max-width: 464px;
}

.combined-fields-wrapper[b-vi6vyiw8fu] {
    position: relative;
}

.unit-dropdown-wrapper[b-vi6vyiw8fu] {
    position: absolute;
    left: 230px;
    top: 17px;
}

[b-vi6vyiw8fu] .faq {
    width: 75%;
}

[b-vi6vyiw8fu] .producing-field {
    margin-right: 16px;
}

[b-vi6vyiw8fu] .cost-fields {
    width: 200px;
    margin-top: 17px;
}

[b-vi6vyiw8fu] .percentage-field {
    width: 79px;
    margin-top: 17px;
    margin-left: 27px;
}

[b-vi6vyiw8fu] .add-product-button {
    margin-right: 16px;
    height: 42px;
}

[b-vi6vyiw8fu] .k-i-info-circle {
    border-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
}
/* /Pages/NewCalculation/Project/Project.razor.rz.scp.css */
.page-wrapper[b-o8ty04hqb4] {
    padding: 32px 40px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    max-width: 1216px;
    margin: 0px;
    width: 100%;
}

.title[b-o8ty04hqb4] {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 24px;
    color: #111F2A;
    margin-bottom: 40px;
}

.divider[b-o8ty04hqb4] {
    margin-top: 24px;
    margin-bottom: 24px;
    height: 1px;
    border: 0px solid #D9D9D9;
}

.divider-bottom[b-o8ty04hqb4] {
    margin-bottom: 32px;
}

.text[b-o8ty04hqb4] {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #111F2A;
    justify-content: center;
    margin: 0px;
}

[b-o8ty04hqb4] .default-input {
    width: 100%;
    margin-top: 17px;
}

[b-o8ty04hqb4] .save-button {
    margin-right: 16px;
}
/* /Pages/Policy/Policy.razor.rz.scp.css */
.policy[b-g7eaq5aof4] {
    width: 75%;
}
/* /Shared/Components/CultureSelector/CultureSelector.razor.rz.scp.css */
.page[b-dkz7bq8r6j] {
	position: relative;
	display: flex;
	flex-direction: column;
}

main[b-dkz7bq8r6j] {
	flex: 1;
}

.sidebar[b-dkz7bq8r6j] {
	background-image: white;
	width: 320px;
}

.top-nav[b-dkz7bq8r6j] {
	background-color: #111f2a;
	height: 80px;
	display: flex;
	justify-content: space-between;
}

.logo-wrapper[b-dkz7bq8r6j] {
	padding-left: 30px;
	padding-top: 10px;
}

.right-side-menu[b-dkz7bq8r6j] {
	background: rgba(255, 255, 255, 0.1);
	padding-right: 0px;
	display: flex;
	justify-content: center;
}

.english-button[b-dkz7bq8r6j] {
	padding-right: 8px;
}

.french-button[b-dkz7bq8r6j] {
	padding-left: 8px;
}

.language-buttons[b-dkz7bq8r6j] {
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	border: none;
	background-color: transparent;
	padding: 0px;
	color: rgba(255, 255, 255, 0.3);
}

.language-buttons:focus[b-dkz7bq8r6j] {
	color: white;
	outline: none;
}

.language-buttons:hover[b-dkz7bq8r6j] {
	color: white;
}

.language-buttons-wrapper[b-dkz7bq8r6j] {
	padding-top: 28px;
	padding-right: 32px;
	padding-left: 32px;
	position: relative;
}

.divider[b-dkz7bq8r6j] {
	height: 27px;
	border: 0.5px solid white;
	position: absolute;
	top: 32%;
	right: 0px;
}

.active-button[b-dkz7bq8r6j] {
	color: white;
}

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

	.sidebar[b-dkz7bq8r6j] {
		width: 320px;
		height: 100vh;
		position: sticky;
		top: 0;
	}
}
/* /Shared/Components/LoginDisplay/LoginDisplay.razor.rz.scp.css */
.login-button[b-twjzi0nfqk] {
	color: white;
	text-decoration: none;
	font-weight: 700;
	line-height: 24px;
}

.not-authorized[b-twjzi0nfqk] {
	margin-top: 26px;
	padding-right: 32px;
	padding-left: 32px;
}

.user-information[b-twjzi0nfqk] {
	margin-top: 26px;
	padding-right: 32px;
	padding-left: 32px;
	position: relative;
}

.user-name[b-twjzi0nfqk] {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	background: none;
	border: 1px solid transparent;
}

.user-name:focus[b-twjzi0nfqk] {
	outline: none;
	border-color: white;
	border-radius: 4px;
}

.user-name:hover[b-twjzi0nfqk] {
	outline: none;
	border-color: white;
	border-radius: 4px;
}

.profile-icon[b-twjzi0nfqk] {
	margin-right: 10px;
	margin-bottom: 3px;
}

.expand-icon[b-twjzi0nfqk] {
	margin-left: 10px;
	margin-bottom: 3px;
	display: inline-block;
}

.expand-less-icon[b-twjzi0nfqk] {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-left: 10px;
	margin-bottom: 3px;
	display: none;
}

.hide-arrow[b-twjzi0nfqk] {
	display: none;
}

.logout-button[b-twjzi0nfqk] {
	width: 100%;
	position: absolute;
	bottom: -48px;
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.03), 0px 4px 5px rgba(0, 0, 0, 0.04);
	left: 0px;
	text-align: start;
	padding-left: 32px;
	padding-top: 11px;
	padding-bottom: 11px;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	z-index: 9999;
	display: none;
}

.logout-button:focus[b-twjzi0nfqk] {
	background-color: #111f2a;
	color: white;
	outline: none;
}

.logout-button:hover[b-twjzi0nfqk] {
	background-color: #111f2a;
	color: white;
}

.show-logout[b-twjzi0nfqk] {
	display: inline-block;
}

.hide-logout[b-twjzi0nfqk] {
	display: none;
}
/* /Shared/Components/Login/Login.razor.rz.scp.css */
.page-wrapper[b-gnn0ouqm44] {
    position: relative;
}
.logo-login[b-gnn0ouqm44] {
    position: absolute;
    top: 50px;
    width: 90%;
    background-repeat: no-repeat;
    background-size: auto;
}
h1[b-gnn0ouqm44] {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 32px;
}
p[b-gnn0ouqm44] {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 32px;
    max-width: 450px;
}
[b-gnn0ouqm44] .login-button {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    padding-left: 18px;
    padding-right: 18px;
}
@media (max-width: 1300px) {
    .logo-login[b-gnn0ouqm44] {
        top: 100px;
    }
}
@media (max-width: 1000px) {
    .logo-login[b-gnn0ouqm44] {
        display: none;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-0hmqn4w1ah] {
	position: relative;
	display: flex;
	flex-direction: column;
}

main[b-0hmqn4w1ah] {
	flex: 1;
}

.sidebar[b-0hmqn4w1ah] {
	background-image: white;
	width: 320px;
}

.top-nav[b-0hmqn4w1ah] {
	background-color: #111f2a;
	height: 80px;
	display: flex;
	justify-content: space-between;
}

.logo-wrapper[b-0hmqn4w1ah] {
	padding-left: 30px;
	padding-top: 10px;
}

.right-side-menu[b-0hmqn4w1ah] {
	background: rgba(255, 255, 255, 0.1);
	padding-right: 0px;
	display: flex;
	justify-content: center;
}

.english-button[b-0hmqn4w1ah] {
	padding-right: 8px;
}

.english-button:focus[b-0hmqn4w1ah] {
	outline: none;
}

.french-button[b-0hmqn4w1ah] {
	padding-left: 8px;
}

.french-button:focus[b-0hmqn4w1ah] {
	outline: none;
}

.language-buttons[b-0hmqn4w1ah] {
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	border: none;
	background-color: transparent;
	padding: 0px;
	color: rgba(255, 255, 255, 0.3);
}

.language-buttons:focus[b-0hmqn4w1ah] {
	color: white;
	outline: none;
}

.language-buttons:hover[b-0hmqn4w1ah] {
	color: white;
}

.language-buttons-wrapper[b-0hmqn4w1ah] {
	padding-top: 28px;
	padding-right: 32px;
	padding-left: 32px;
	position: relative;
}

.divider[b-0hmqn4w1ah] {
	height: 27px;
	border: 0.5px solid white;
	position: absolute;
	top: 32%;
	right: 0px;
}

.active-button[b-0hmqn4w1ah] {
	color: white;
}

[b-0hmqn4w1ah] .sidebar-image {
	height: 94vh;
}

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

	.sidebar[b-0hmqn4w1ah] {
		width: 320px;
		height: 94vh;
		position: sticky;
		top: 0;
	}
}
/* /Shared/NavMenu/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-l5j2dwl2eg] {
	background-color: rgba(255, 255, 255, 0.1);
}

.navbar-brand[b-l5j2dwl2eg] {
	font-size: 1.1rem;
}

.sidebar-image[b-l5j2dwl2eg] {
	background-image: url('assets/images/sidenav-image.svg');
	background-size: cover;
	background-repeat: no-repeat;
	height: 94vh;
}

.nav-items-wrapper[b-l5j2dwl2eg] {
	padding-top: 57px;
	background: linear-gradient(
		154.01deg,
		rgba(17, 31, 42, 0.57) -430.52%,
		rgba(0, 0, 0, 0) 80.6%
	);
	border-right: 1px solid #d9d9d9;
}

.nav-icons[b-l5j2dwl2eg] {
	position: absolute;
	visibility: hidden;
	right: 40px;
	top: 18px;
	font-size: 12px;
}

.nav-item[b-l5j2dwl2eg] {
	position: relative;
	font-size: 0.9rem;
	width: 320px;
	background-color: white;
	margin-bottom: 2px;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	border-right: 1px solid #d9d9d9;
}

.nav-item:hover[b-l5j2dwl2eg] {
	background-color: #143861;
}

/* .nav-item:first-of-type {
        padding-top: 1rem;
    } */

/* .nav-item:last-of-type {
        margin-bottom: 0px;
    } */

.nav-item[b-l5j2dwl2eg]  a {
	padding: 13px 50px;
	color: #424242;
	display: flex;
	align-items: center;
}

.nav-item[b-l5j2dwl2eg]  a.active {
	background-color: #143861;
	color: white;
	font-weight: 700;
}

.nav-item a.active .nav-icons[b-l5j2dwl2eg] {
	visibility: visible;
}

.nav-item[b-l5j2dwl2eg]  a:hover {
	background-color: #143861;
	color: white;
	font-weight: 700;
}

.nav-item[b-l5j2dwl2eg]  a:focus {
	background-color: #143861;
	color: white;
	font-weight: 700;
	outline: none;
}

.logout[b-l5j2dwl2eg] {
	margin-top: 116px;
	margin-bottom: 0px;
}

.logout-button[b-l5j2dwl2eg] {
	background: none;
	padding: 13px 50px;
	border: none;
	width: 100%;
	text-align: start;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #424242;
}

.logout-button:hover[b-l5j2dwl2eg] {
	background-color: #143861;
	color: white;
	font-weight: 700;
}

.nav-link:focus[b-l5j2dwl2eg] {
	background-color: #143861;
	color: white;
	font-weight: 700;
	outline: none !important;
}

.logout-button:focus[b-l5j2dwl2eg] {
	background-color: #143861;
	color: white;
	font-weight: 700;
	outline: none;
}

@media (min-width: 641px) {
	.navbar-toggler[b-l5j2dwl2eg] {
		display: none;
	}

	.collapse[b-l5j2dwl2eg] {
		/* Never collapse the sidebar for wide screens */
		display: block;
	}
}