/* /Components/CheckField.razor.rz.scp.css */
:root[b-q5svfo9bax] {
	--color-amrgray: #3d464d;
}

.checkbox-wrapper *[b-q5svfo9bax] {
	box-sizing: border-box;
	margin-bottom: -3px;
}

.checkbox-wrapper .cbx[b-q5svfo9bax] {
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	padding: 1px;
	border-radius: 0px;
	overflow: hidden;
	transition: all 0.2s ease;
	display: inline-block;
	margin-bottom: 2px;
	margin-top: 2px;
}

	.checkbox-wrapper .cbx:not(:last-child)[b-q5svfo9bax] {
		margin-right: 6px;
	}

	.checkbox-wrapper .cbx span[b-q5svfo9bax] {
		float: left;
		vertical-align: middle;
		transform: translate3d(0, 0, 0);
	}

		.checkbox-wrapper .cbx span:first-child[b-q5svfo9bax] {
			position: relative;
			width: 14px;
			height: 14px;
			top: 2px;
			left: 3px;
			border-radius: 0px;
			transform: scale(1);
			border: 1px solid var(--color-amrgray);
			transition: all 0.2s ease;
			box-shadow: none;
		}

			.checkbox-wrapper .cbx span:first-child svg[b-q5svfo9bax] {
				position: absolute;
				top: 1px;
				left: 0px;
				fill: none;
				stroke: #fff;
				stroke-width: 2;
				stroke-linecap: round;
				stroke-linejoin: round;
				stroke-dasharray: 16px;
				stroke-dashoffset: 16px;
				transition: all 0.3s ease;
				transition-delay: 0.1s;
				transform: translate3d(0, 0, 0);
			}

		.checkbox-wrapper .cbx span:last-child[b-q5svfo9bax] {
			padding-left: 8px;
			line-height: 18px;
		}

	.checkbox-wrapper .cbx:hover span:first-child[b-q5svfo9bax] {
		background-color: #e0e0e0;
	}

.checkbox-wrapper .inp-cbx[b-q5svfo9bax] {
	position: absolute;
	visibility: hidden;
}

	.checkbox-wrapper .inp-cbx:checked + .cbx span:first-child[b-q5svfo9bax] {
		background: var(--color-amrgray);
		border-color: var(--color-amrgray);
		animation: wave-4-b-q5svfo9bax 0.4s ease;
	}

		.checkbox-wrapper .inp-cbx:checked + .cbx span:first-child svg[b-q5svfo9bax] {
			stroke-dashoffset: 0;
		}

.checkbox-wrapper .inline-svg[b-q5svfo9bax] {
	position: absolute;
	width: 0;
	height: 0;
	pointer-events: none;
	user-select: none;
}

@media screen and (max-width: 640px) {
	.checkbox-wrapper .cbx[b-q5svfo9bax] {
		width: 100%;
		display: inline-block;
	}
}

@-moz-keyframes wave-4 {
	50% {
		transform: scale(0.9);
	}
}

@-webkit-keyframes wave-4 {
	50% {
		transform: scale(0.9);
	}
}

@-o-keyframes wave-4 {
	50% {
		transform: scale(0.9);
	}
}

@keyframes wave-4-b-q5svfo9bax {
	50% {
		transform: scale(0.9);
	}
}
/* /Components/DummyButton.razor.rz.scp.css */
.dummyselect[b-w7hawljih7] {
   width: 100px;
   height: 100px;
   padding: 3px;
   background-color: var(--color-bgcolor);
}

.dummyselect-content[b-w7hawljih7] {
   width: 94px;
   height: 94px;
   margin: auto;
   background-color: transparent;
   border: 1px solid var(--color-amrgray)
}


/* /Components/GreepButton.razor.rz.scp.css */
.listselect[b-8mboyd36pn] {
   width: 100px;
   height: 100px;
   padding: 3px;
   background-color: var(--white);
}

   .listselect:hover[b-8mboyd36pn] {
      background-color: var(--color-itemhoover);
   }

   .listselect:active[b-8mboyd36pn] {
      background-color: var(--color-itemactive);
   }

.listselect-content[b-8mboyd36pn] {
   width: 94px;
   height: 94px;
   margin: auto;
   background-color: transparent;
   border: 1px solid var(--color-amrgray);
   cursor: pointer;
}

   .listselect-content img[b-8mboyd36pn] {
      display: block;
      max-width: 60px;
      max-height: 60px;
      object-fit: cover;
      margin: auto;
   }

.listselect-text[b-8mboyd36pn] {
   text-align: center;
   width: fit-content;
   font-size: x-small;
   margin: auto;
}
/* /Components/GreepButtonSmall.razor.rz.scp.css */
.itembutton[b-kxfy6vgwvn] {
   display: inline-block;
   min-width: 120px;
   height: 21px;
   word-wrap: break-word;
   background-clip: border-box;
   border: 1px solid var(--color-amrgray);
   border-radius: 0px;
   background-color: var(--white);
   padding: 2px;
   cursor: pointer;
   margin: 0px 0px 5px 0px;
}

   .itembutton:hover[b-kxfy6vgwvn] {
      background-color: var(--color-bgcolor);
   }

   .itembutton.focus[b-kxfy6vgwvn], .itembutton:focus[b-kxfy6vgwvn], .itembutton.active[b-kxfy6vgwvn], .itembutton:active[b-kxfy6vgwvn] {
      box-shadow: 0 0 .2rem var(--color-amrgray);
      outline: none;
   }

.itembutton-text[b-kxfy6vgwvn] {
   height: 18px;
   width: 100px;
   text-align: left;
   vertical-align: middle;
   padding-right: 5px;
   padding-left: 5px
}

.itembutton-img[b-kxfy6vgwvn] {
   height: 16px;
   width: 16px;
   vertical-align: top;
   margin: auto 2px auto 2px;
}
/* /Components/HomeButton.razor.rz.scp.css */

.home-container[b-7jydor3f1j] {
	left: 1px;
	right: 1px;
	top: 1px;
	bottom: 1px;
	border-radius: 5px;
	background-color: white;
	background-size: cover;
	background-position: left top;
	cursor: pointer;
	position: absolute;
}

.home-img[b-7jydor3f1j] {
	top: 0;
	left: 0;
	object-fit: cover;
}

.test-img[b-7jydor3f1j] {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
}

.home-text[b-7jydor3f1j] {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	text-align: center !important;
	font-size: 18px;
	color: #fff;
	background-color: rgba(0,0,0,.3);
	padding: .75rem 1.25rem;
}
/* /Components/ItemButton.razor.rz.scp.css */

.itembutton[b-xfsipramwv] {
   display: inline-block;
   min-width: 120px;
   height: 21px;
   word-wrap: break-word;
   background-clip: border-box;
   border: 1px solid var(--color-amrgray);
   border-radius: 0px;
   background-color: var(--white);
   padding: 2px;
   cursor: pointer;
   margin: 0px 0px 5px 0px;
}

   .itembutton:hover[b-xfsipramwv] {
      background-color: var(--color-bgcolor);
   }

   .itembutton.focus[b-xfsipramwv], .itembutton:focus[b-xfsipramwv], .itembutton.active[b-xfsipramwv], .itembutton:active[b-xfsipramwv] {
      box-shadow: 0 0 .2rem var(--color-amrgray);
      outline: none;
   }

.itembutton-text[b-xfsipramwv] {
   height: 18px;
   width: 100%;
   text-align: left;
   vertical-align: middle;
   padding-right: 5px;
   padding-left: 5px
}
/* /Components/ItemSetupButton.razor.rz.scp.css */

.itembutton[b-hbv1ybxyze] {
   display: inline-block;
   min-width: 120px;
   height: 21px;
   word-wrap: break-word;
   background-clip: border-box;
   border: 1px solid var(--color-amrgray);
   border-radius: 0px;
   background-color: var(--white);
   padding: 2px;
   cursor: pointer;
   margin: 0px 0px 5px 0px;
}

   .itembutton:hover[b-hbv1ybxyze] {
      background-color: var(--color-bgcolor);
   }

   .itembutton.focus[b-hbv1ybxyze], .itembutton:focus[b-hbv1ybxyze], .itembutton.active[b-hbv1ybxyze], .itembutton:active[b-hbv1ybxyze] {
      box-shadow: 0 0 .2rem var(--color-amrgray);
      outline: none;
   }

.itembutton-text[b-hbv1ybxyze] {
   height: 18px;
   width: 100px;
   text-align: left;
   vertical-align: middle;
   padding-right: 5px;
   padding-left: 5px
}

.itembutton-img[b-hbv1ybxyze] {
   height: 16px;
   width: 16px;
   vertical-align: top;
   margin: auto 2px auto 2px;
}
/* /Components/KleurButton.razor.rz.scp.css */
.kleurselect[b-ikfjr54u86] {
   width: 100px;
   height: 100px;
   padding: 3px;
   background-color: var(--white);
   cursor: pointer;
}

   .kleurselect:hover[b-ikfjr54u86] {
      background-color: var(--color-itemhoover);
   }

   .kleurselect:active[b-ikfjr54u86] {
      background-color: var(--color-itemactive);
   }

.kleurselect-content[b-ikfjr54u86] {
   width: 94px;
   height: 94px;
   margin: auto;
   background-color: transparent;
   border: 1px solid var(--color-amrgray)
}

   .kleurselect-content img[b-ikfjr54u86] {
      display: block;
      width: 73px;
      height: 73px;
      object-fit: cover;
      margin: auto;
   }

.kleurselect-text[b-ikfjr54u86] {
   text-align: center;
   width: fit-content;
   font-size: x-small;
   margin: auto;
}
/* /Components/KleurButtonSchuif.razor.rz.scp.css */
.kleurselect[b-b8o5991002] {
   width: 100px;
   height: 100px;
   padding: 3px;
   background-color: var(--white);
   cursor: pointer;
}

   .kleurselect:hover[b-b8o5991002] {
      background-color: var(--color-itemhoover);
   }

   .kleurselect:active[b-b8o5991002] {
      background-color: var(--color-itemactive);
   }

.kleurselect-content[b-b8o5991002] {
   width: 94px;
   height: 94px;
   margin: auto;
   background-color: transparent;
   border: 1px solid var(--color-amrgray)
}

   .kleurselect-content img[b-b8o5991002] {
      display: block;
      width: 73px;
      height: 73px;
      object-fit: cover;
      margin: auto;
   }

.kleurselect-text[b-b8o5991002] {
   text-align: center;
   width: fit-content;
   font-size: x-small;
   margin: auto;
}
/* /Components/KleurButtonSmall.razor.rz.scp.css */

.kleurselectbutton[b-g0horajac0] {
   display: inline-block;
   min-width: 120px;
   height: 21px;
   word-wrap: break-word;
   background-clip: border-box;
   border: 1px solid var(--color-amrgray);
   border-radius: 0px;
   background-color: var(--white);
   padding: 2px;
   cursor: pointer;
   margin: 0px 0px 5px 0px;
}

   .kleurselectbutton:hover[b-g0horajac0] {
      background-color: var(--color-bgcolor);
   }

   .kleurselectbutton.focus[b-g0horajac0], .kleurselectbutton:focus[b-g0horajac0], .kleurselectbutton.active[b-g0horajac0], .kleurselectbutton:active[b-g0horajac0] {
      box-shadow: 0 0 .2rem var(--color-amrgray);
      outline: none;
   }

.kleurselectbutton-img-left[b-g0horajac0] {
   height: 16px;
   width: 16px;
   vertical-align: top;
   margin: auto auto auto 2px;
}

.kleurselectbutton-text[b-g0horajac0] {
   width: 100%;
   font-size: 11px !important;
   text-align: left;   
   vertical-align: top;
   padding-right: 5px;
   padding-left: 5px;
}
/* /Components/KleurButtonSmallSchuif.razor.rz.scp.css */

.kleurselectbutton[b-iy0ymsj0a2] {
   display: inline-block;
   min-width: 120px;
   height: 21px;
   word-wrap: break-word;
   background-clip: border-box;
   border: 1px solid var(--color-amrgray);
   border-radius: 0px;
   background-color: var(--white);
   padding: 2px;
   cursor: pointer;
   margin: 0px 0px 5px 0px;
}

   .kleurselectbutton:hover[b-iy0ymsj0a2] {
      background-color: var(--color-bgcolor);
   }

   .kleurselectbutton.focus[b-iy0ymsj0a2], .kleurselectbutton:focus[b-iy0ymsj0a2], .kleurselectbutton.active[b-iy0ymsj0a2], .kleurselectbutton:active[b-iy0ymsj0a2] {
      box-shadow: 0 0 .2rem var(--color-amrgray);
      outline: none;
   }

.kleurselectbutton-img-left[b-iy0ymsj0a2] {
   height: 16px;
   width: 16px;
   vertical-align: top;
   margin: auto auto auto 2px;
}

.kleurselectbutton-text[b-iy0ymsj0a2] {
   width: 100%;
   font-size: 11px !important;
   text-align: left;   
   vertical-align: top;
   padding-right: 5px;
   padding-left: 5px;
}
/* /Components/ListButton.razor.rz.scp.css */
.listselect[b-jiuzs15lsg] {
   width: 100px;
   height: 100px;
   padding: 3px;
   background-color: var(--white);
   cursor: pointer;
}

   .listselect:hover[b-jiuzs15lsg] {
      background-color: var(--color-itemhoover);
   }

   .listselect:active[b-jiuzs15lsg] {
      background-color: var(--color-itemactive);
   }

.listselect-content[b-jiuzs15lsg] {
   width: 94px;
   height: 94px;
   margin: auto;
   background-color: transparent;
   border: 1px solid var(--color-amrgray)
}

   .listselect-content img[b-jiuzs15lsg] {
      display: block;
      width: 73px;
      height: 73px;
      object-fit: cover;
      margin: auto;
   }

.listselect-text[b-jiuzs15lsg] {
   text-align: center;
   width: fit-content;
   font-size: x-small;
   margin: auto;
}
/* /Components/ListButtonSmall.razor.rz.scp.css */
.listselect[b-6yr26h5uyr] {
   display: inline-block;
   min-width: 120px;
   height: 21px;
   word-wrap: break-word;
   background-clip: border-box;
   border: 1px solid var(--color-amrgray);
   border-radius: 0px;
   background-color: var(--white);
   padding: 2px;
   cursor: pointer;
   margin: 0px 0px 5px 0px;
}

   .listselect:hover[b-6yr26h5uyr] {
      background-color: var(--color-bgcolor);
   }

   .listselect.focus[b-6yr26h5uyr], .listselect:focus[b-6yr26h5uyr], .listselect.active[b-6yr26h5uyr], .listselect:active[b-6yr26h5uyr] {
      box-shadow: 0 0 .2rem var(--color-amrgray);
      outline: none;
   }

   .listselect-img[b-6yr26h5uyr] {
      height: 16px;
      width: 16px;
      vertical-align: top;
      margin: auto 2px auto 2px;
   }

.listselect-text[b-6yr26h5uyr] {
   height: 18px;
   width: 100px;
   text-align: left;
   vertical-align: middle;
   padding-right: 5px;
   padding-left: 5px
}
/* /Components/OffertePrijsControl.razor.rz.scp.css */

.prijs-control[b-ggy93xjst4] {
	color: #ffffff;
	font-size: 11px;
	background-color: #3d464d;
	min-height: 110px;
	margin: auto;
}

.prijs-control table[b-ggy93xjst4] {
	margin: 10px;
}
/* /Components/PlankButton.razor.rz.scp.css */
.listselect[b-fv64pvo92c] {
   width: 100px;
   height: 100px;
   padding: 3px;
   background-color: var(--white);
   cursor: pointer;
}

   .listselect:hover[b-fv64pvo92c] {
      background-color: var(--color-itemhoover);
   }

   .listselect:active[b-fv64pvo92c] {
      background-color: var(--color-itemactive);
   }

.listselect-content[b-fv64pvo92c] {
   width: 94px;
   height: 94px;
   margin: auto;
   background-color: transparent;
   border: 1px solid var(--color-amrgray)
}

   .listselect-content img[b-fv64pvo92c] {
      display: block;
      width: 73px;
      height: 73px;
      object-fit: cover;
      margin: auto;
   }

.listselect-text[b-fv64pvo92c] {
   text-align: center;
   width: fit-content;
   font-size: x-small;
   margin: auto;
}
/* /Components/PrijsControl.razor.rz.scp.css */

.prijs-control[b-1w8mnzzshq] {
	color: #ffffff;
	font-size: 11px;
	background-color: #3d464d;
	width: 200px;
	margin: auto 10px 10px 10px;
}

.prijs-control table[b-1w8mnzzshq] {
	margin: 10px;
	height: 90px;
}
/* /Components/RadioField.razor.rz.scp.css */
:root[b-m69dg0jtmd] {
	--color-amrgray: #3d464d;
}

.radiobutton-wrapper *[b-m69dg0jtmd] {
	box-sizing: border-box;
}

.radiobutton-wrapper .rb[b-m69dg0jtmd] {
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	padding: 1px;
	border-radius: 0px;
	overflow: hidden;
	transition: all 0.2s ease;
	display: inline-block;
}

.radiobutton-wrapper .rb:not(:last-child)[b-m69dg0jtmd] {
	margin-right: 6px;
}

.radiobutton-wrapper .rb span[b-m69dg0jtmd] {
	float: left;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
}

.radiobutton-wrapper .rb span:first-child[b-m69dg0jtmd] {
	position: relative;
	width: 14px;
	height: 14px;
	top: 2px;
	left: 3px;
	border-radius: 50%;
	transform: scale(1);
	border: 1px solid var(--color-amrgray);
	transition: all 0.2s ease;
	box-shadow: none;
}

.radiobutton-wrapper .rb span:first-child svg[b-m69dg0jtmd] {
	position: absolute;
	top: 1px;
	left: 0px;
	fill: none;
	stroke: #fff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	transition: all 0.3s ease;
	transition-delay: 0.1s;
	transform: translate3d(0, 0, 0);
}

.radiobutton-wrapper .rb span:last-child[b-m69dg0jtmd] {
	padding-left: 8px;
	line-height: 18px;
}

.radiobutton-wrapper .rb:hover span:first-child[b-m69dg0jtmd] {
	background-color: #e0e0e0;
}

.radiobutton-wrapper .inp-rb[b-m69dg0jtmd] {
	position: absolute;
	visibility: hidden;
}

.radiobutton-wrapper .inp-rb:checked + .rb span:first-child[b-m69dg0jtmd] {
	background: var(--color-amrgray);
	border-color: var(--color-amrgray);
	animation: wave-4-b-m69dg0jtmd 0.4s ease;
}

.radiobutton-wrapper .inp-rb:checked + .rb span:first-child svg[b-m69dg0jtmd] {
	stroke-dashoffset: 0;
}

.radiobutton-wrapper .inline-svg[b-m69dg0jtmd] {
	position: absolute;
	width: 0;
	height: 0;
	pointer-events: none;
	user-select: none;
}

@media screen and (max-width: 640px) {
	.radiobutton-wrapper .rb[b-m69dg0jtmd] {
		width: 100%;
		display: inline-block;
	}
}

@-moz-keyframes wave-4 {
	50% {
		transform: scale(0.9);
	}
}

@-webkit-keyframes wave-4 {
	50% {
		transform: scale(0.9);
	}
}

@-o-keyframes wave-4 {
	50% {
		transform: scale(0.9);
	}
}

@keyframes wave-4-b-m69dg0jtmd {
	50% {
		transform: scale(0.9);
	}
}
/* /Pages/Dialogs/OnderdelenLijst.razor.rz.scp.css */

.parttable[b-xyboizazab] {
	font-size: 11px;
	width: 100%;
	max-height: 450px;
	overflow: scroll;
}

	.parttable tr:nth-child(even)[b-xyboizazab] {
		background-color: #ececed;
	}

	.parttable th[b-xyboizazab] {
		border-right: 1px solid #3d464d;
		border-bottom: 1px solid #3d464d;
		background-color: #e0e0e0;
		padding-left: 5px;
		padding-right: 5px;
	}

		.parttable th:last-child[b-xyboizazab] {
			border-right: 0px solid #3d464d;
		}

	.parttable td[b-xyboizazab] {
		border-right: 1px solid #3d464d;
		padding-left: 5px;
		padding-right: 5px;
	}

		.parttable td:last-child[b-xyboizazab] {
			border-right: 0px solid #3d464d;
		}
/* /Pages/Index.razor.rz.scp.css */
.tile-container[b-xurrrgj0qg] {
	height: 100%;
	min-height: 100%;
	margin: auto;
}

.tile-largeleft[b-xurrrgj0qg] {
	float: left;
	width: 50%;
	height: 40%;
	background-color: transparent;
	cursor: pointer;
	position: relative;
}

.tile-largeright[b-xurrrgj0qg] {
	float: right;
	width: 50%;
	height: 40%;
	background-color: transparent;
	cursor: pointer;
	position: relative;
}

.tile-smallleft[b-xurrrgj0qg] {
	float: left;
	width: 25%;
	height: 20%;
	background-color: transparent;
	cursor: pointer;
	position: relative;
}

.tile-smallright[b-xurrrgj0qg] {
	float: right;
	width: 25%;
	height: 20%;
	background-color: transparent;
	cursor: pointer;
	position: relative;
}

.tile-content[b-xurrrgj0qg] {
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
	border-radius: 5px;
	background-color: white;
	background-size: cover;
	background-position: left top;
	cursor: pointer;
	position: absolute;
}

.overlay-text-right-bottom[b-xurrrgj0qg] {
	position: absolute;
	bottom: 5px;
	right: 16px;
	color: black;
	background-color: lightgrey;
	padding: 5px;
}

.overlay-text-left-bottom[b-xurrrgj0qg] {
	position: absolute;
	bottom: 5px;
	left: 16px;
	color: black;
	background-color: lightgrey;
	padding: 5px;
}

.overlay-text-right-top[b-xurrrgj0qg] {
	position: absolute;
	top: 5px;
	right: 16px;
	color: black;
	background-color: lightgrey;
	padding: 5px;
}

.overlay-text-left-top[b-xurrrgj0qg] {
	position: absolute;
	top: 5px;
	left: 16px;
	color: black;
	background-color: lightgrey;
	padding: 5px;
}

.overlay-text-bottom[b-xurrrgj0qg] {
	width: 100%;
	position: absolute;
	text-align: center;
	bottom: 5px;
	color: black;
	background-color: lightgrey;
}
/* /Shared/AuthLayout.razor.rz.scp.css */

.login[b-dd9cgg1u04] {
   background-color: #f7f7f7;
   max-width: 500px;
   margin: auto;
   margin-top: 100px;
   padding: 10px;
   border: 2px solid #3d464d;
   box-shadow: 10px 10px 5px #c4c4c4;
}

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

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

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

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

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

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

    .main > div[b-dd9cgg1u04] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-znmbe5yqku] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-znmbe5yqku] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

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

.oi[b-znmbe5yqku] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-znmbe5yqku] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-znmbe5yqku] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-znmbe5yqku] {
        padding-bottom: 1rem;
    }

    .nav-item[b-znmbe5yqku]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-znmbe5yqku]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-znmbe5yqku]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

    .collapse[b-znmbe5yqku] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Shared/StartLayout.razor.rz.scp.css */
.page[b-u5byqkf1aw] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-u5byqkf1aw] {
    flex: 1;
}

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

.top-row[b-u5byqkf1aw] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.bottom-row[b-u5byqkf1aw] {
   background-color: #f7f7f7;
   border-top: 1px solid #d6d5d5;
   justify-content: flex-end;
   height: 250px;
   display: flex;
   align-items: center;
   vertical-align: bottom;
}

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

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

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

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

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

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

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

   .bottom-row[b-u5byqkf1aw] {
      position: fixed;
      bottom: 0;
      z-index: 1;
   }

    .main > div[b-u5byqkf1aw] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}