#NavItem-Username {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
	color: var(--font-color);
	text-align: center;
    height: 100%;
}

#NavItem-Username:hover {
	background-color: var(--Username-Hover-BG);
	color: var(--Username-Hover);
}

#NavItem-Username:hover.dropdown-toggle::after {
    color: var(--font-color-hover);
}

#Nav_Username {
	font-size: 20px;
}

#nav-icon-username {
	font-size: 30px;
	vertical-align: middle;
}

/*#region Information Banner*/

#Information_Banner {
    cursor: default;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: RGB(100,255,100);
    margin: auto;
}

#Banner_Text {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: RGB(0,0,80);
    margin: 0;
}

.Hide_Banner {
    display: none !important;
    visibility: hidden !important;
}

#Banner_Verify {
    text-decoration: 4px underline RGB(0,0,80);
    transition: background-color 0.2s ease-in-out, padding 0.2s ease-in-out;
}

#Banner_Verify:hover {
    cursor: pointer;
    background-color: RGBA(0,0,80,0.3);
    border-radius: 3px;
    padding: 5px;
}

/*#endregion*/

/*#region Navbar*/

@media screen and (max-width: 500px) {

    .navbar-brand {
        margin: 0 !important;
        padding: 0 !important;
    }

    #brand-img {
        margin: 0 !important;
        padding: 0 !important;
    }

    #Nav_Username {
        display: none;
        visibility: hidden;
    }
}

#Navbar {
    background-color: var(--p-bg-color);
    z-index: 1021;
    width: 100%;
    border-bottom: 3px solid var(--nav-border);
    margin: 0;
    padding: 0;
}

#NBC {
    padding-left: 0;
    margin-left: 0;
}

#NC {
    margin: auto;
}

#NavItem {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    color: var(--font-color);
    text-align: center;
    height: 100%;
}

#NavItem:hover {
    background-color: var(--nav-hover);
    color: var(--font-color-hover);
}

#NavItem-dd {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: RGB(0,0,0);
    text-align: center;
    border: none;
}

#NavItem-dd:hover {
    background-color: RGB(0,0,0);
    color: RGB(255,255,255);
    border: none;
    border-radius: 10px 10px 0 0;
    .dropdown-toggle::after {
        color: var(--font-color-hover);
    }
}

#NavItem:hover.dropdown-toggle::after {
    color: var(--font-color-hover);
}

.dropdown-toggle::after {
    color: var(--font-color);
    font-size: 20px;
    vertical-align: middle;
}

#NavDropdown {
    background-color: RGB(0,0,0);
    outline: none;
    color: RGB(255,255,255);
    padding: 0;
    margin-top: 10px;
    border-radius: 10px;
    border: 3px solid RGB(100,255,100);
}

#NavDropdownDivider {
    background-color: RGB(100,255,100);
    width: 100%;
    height: 2px;
    margin: auto;
}

#nav-icon {
    font-size: 25px;
    vertical-align: middle;
}

#icon {
    font-size: 18px;
    color: RGB(0,116,209);
}

#toggler-button {
    outline: 3px solid RGBA(0,0,0,0.3);
}

#toggler-button:focus {
    background-color: RGBA(0,0,0,0.3);
    box-shadow: 0 0 0 3px RGBA(0,0,0,0.3);
}

#navbar-collapse-icon {
    color: var(--font-color);
    font-size: 30px;
}

#label, #label-home, #label_spare_parts {
    font-size: 20px;
}

@media screen and (max-width: 910px) {
    #label-home {
        display: none;
        visibility: hidden;
    }
}

/*#endregion*/

/*#region*/

#NavItem-dd-Upper, #NavItem-dd-Mid, #NavItem-dd-Lower, #NavItem-dd-single {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: RGB(255,255,255);
    text-align: center;
    border: none;
}

#NavItem-dd-single:hover {
    background-color: RGBA(100,255,100,0.3);
    color: RGB(255,255,255);
    border: none;
    border-radius: 10px;
    .dropdown-toggle::after {
        color: var(--font-color-hover);
    }
}

#NavItem-dd-Upper:hover {
    background-color: RGBA(100,255,100,0.3);
    color: RGB(255,255,255);
    border: none;
    border-radius: 10px 10px 0 0;
    .dropdown-toggle::after {
        color: var(--font-color-hover);
    }
}

#NavItem-dd-Mid:hover {
    background-color: RGBA(100,255,100,0.3);
    color: RGB(255,255,255);
    border: none;
    border-radius: 0 0 0 0;
    .dropdown-toggle::after {
        color: var(--font-color-hover);
    }
}

#NavItem-dd-Lower:hover {
    background-color: RGBA(100,255,100,0.3);
    color: RGB(255,255,255);
    border: none;
    border-radius: 0 0 10px 10px;
    .dropdown-toggle::after {
        color: var(--font-color-hover);
    }
}

/*#endregion*/

/*#region Collapsible Navbar*/

.NBCollapse {
    display: none;
    visibility: hidden;
}

.hidden-nav {
    display: none !important;
    visibility: hidden !important;
}

#NC-NoCollapse-Container {
    height: 60px;
    margin: auto;
    flex-direction: row !important;
}

#NC-NoCollapse {
    height: 60px;
    margin: auto;
    flex-direction: row !important;
}

@media screen and (max-width: 1560px) {
    .NBCollapse {
        display: block;
        visibility: visible;
    }

    .size {
        display: none;
        visibility: hidden;
    }

    .nav-padding {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    #SearchBox_Compact {
        width: fit-content;
        margin-top: 0.75em;
        margin-bottom: 0.75em;
        margin-left: auto;
        margin-right: auto;
    }
}

#Search-Hide {
    padding-left: 0.5rem;
}

@media screen and (max-width: 650px) {
    #Search-Hide {
        display: none;
        visibility: hidden;
    }
}

/*#endregion Collapsible Navbar*/

/*#region Navbar Form*/

/*-----Navbar-Form-----*/

#form-account {
    font-family: 'Montserrat', sans-serif;
	background-color: RGB(0,0,0);
    padding: 0;
    margin-top: 10px;
	border: 3px solid RGB(100,255,100);
    min-width: 250px;
}

#form-a-label {
	color: RGB(255,255,255);
}

#DropdownFormEmail, #DropdownFormPassword {
	background-color: RGB(0,0,0);
	color: RGB(100,255,100);
	border-color: RGB(100,255,100);
}

#DropdownFormEmail::placeholder, #DropdownFormPassword::placeholder {
	color: RGB(100,255,100);
}

#DropdownFormEmail:focus, #DropdownFormPassword:focus {
	box-shadow: 0 0 0 3px RGBA(100,255,100,0.3);
}

#form-a-check {
	border-color: RGB(100,255,100);
	background-color: RGBA(100,255,100,0.3);
}

#form-a-check:hover {
	background-color: RGBA(100,255,100,0.5);
}

#fab {
    font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	background-color: RGB(100,255,100);
	color: RGB(0,0,80);
}

#fab:hover {
	background-color: RGBA(100,255,100,0.7);
	box-shadow: 0 0 0 3px RGBA(100,255,100,0.3);
}

#dd {
	background-color: RGB(100,255,100);
	color: RGB(100,255,100);
}

#fadi {
	color: RGB(255,255,255);
}

#fadi:hover {
	background-color: RGBA(100,255,100,0.5);
}

#fadi:focus {
	background-color: RGBA(100,255,100,0.5);
}

#fadi_signout {
	color: RGB(255,255,255);
}

#fadi_signout:hover {
	background-color: RGBA(100,255,100,0.5);
}

#username {
	font-size: 25px;
	color: RGB(255,255,255);
	cursor: default;
	margin-bottom: 0;
}

#username:hover {
	background-color: RGBA(100,255,100,0.5);
}

/*#region Mobile*/

#MobileDropdownFormEmail, #MobileDropdownFormPassword {
	background-color: RGB(0,0,0);
	color: RGB(100,255,100);
	border-color: RGB(100,255,100);
}

#MobileDropdownFormEmail::placeholder, #MobileDropdownFormPassword::placeholder {
	color: RGB(100,255,100);
}

#MobileDropdownFormEmail:focus, #MobileDropdownFormPassword:focus {
	box-shadow: 0 0 0 3px RGBA(100,255,100,0.3);
}

#Mobileform-a-check {
	border-color: RGB(100,255,100);
	background-color: RGBA(100,255,100,0.3);
}

#Mobileform-a-check:hover {
	background-color: RGBA(100,255,100,0.5);
}

#Mobilefab {
    font-family: 'Montserrat', sans-serif;
	background-color: RGB(100,255,100);
	color: RGB(255,255,255);
}

#Mobilefab:hover {
	background-color: RGBA(100,255,100,0.7);
	box-shadow: 0 0 0 3px RGBA(100,255,100,0.3);
}

#Mobilefab:focus {
	background-color: RGBA(100,255,100,0.7);
	box-shadow: 0 0 0 3px RGBA(100,255,100,0.3);
}

/*#endregion*/

/*#endregion Navbar Form*/