@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.bundle.scp.css';

/* _content/LochnessExpenses/Components/Account/Pages/Login.razor.rz.scp.css */


[b-kk2t775uj4] fluent-button {
    font-family: "Arimo", sans-serif;
}

.container[b-kk2t775uj4], label[b-kk2t775uj4], p[b-kk2t775uj4], a[b-kk2t775uj4] {
    font-family: "Arimo", sans-serif;
}

[b-kk2t775uj4] label {
    font-weight: bold;
    margin: 0 0 3px;
}

[b-kk2t775uj4] .fluent-input-label {
    font-weight: bold;
    color: #333;
    line-height: 1.6;
    margin-bottom: 3px;
    font-family: "Arimo", sans-serif;
    -webkit-font-smoothing: antialiased;
}

/*.container {
    padding-left: 0;
    padding-right: 0;
}*/

.form-box[b-kk2t775uj4] {
    background: #f2f2f2;
    border-radius: 5px;
    margin: 0 0 40px 0;
    padding: 27px 30px 25px;
}

.form-box .title[b-kk2t775uj4] {
    font-weight: normal;
    margin: 0 0 17px;
    font-size: 32px;
    line-height: 1.3;
}

.form-group[b-kk2t775uj4] {
    position: relative;
    width: 100%;
}

[b-kk2t775uj4] .form-control {
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 22px;
    min-height: 40px;
    padding: 0px;
    width: 100%;
}

    [b-kk2t775uj4] .form-control:focus {
        box-shadow: 0 0 10px rgba(46, 84, 129, 0.3);
        border: solid 1px #839bb7;
        outline: none;
        -webkit-transition: border linear .2s, box-shadow linear .2s;
        transition: border linear .2s, box-shadow linear .2s;
    }

/*::deep fluent-text-field::part(root) {
    height: calc((var(--base-height-multiplier) + var(--density))* var(--design-unit)* 1px + 8px);
}*/

[b-kk2t775uj4] fluent-text-field::part(control) {
    font-family: "Arimo", sans-serif;
    font-size: 12px;
    padding: 3px 12px;
    height: 100%;
}

[b-kk2t775uj4] fluent-text-field::part(root) {
    background: transparent;
}

[b-kk2t775uj4] fluent-text-field::after {
    display: none;
}

.checkbox[b-kk2t775uj4] {
    margin-top: 0px;
    margin-bottom: 28px;
    font-size: 12px;
}

[b-kk2t775uj4] fluent-checkbox::part(control) {
    width: 15px;
    height: 15px;
    border-radius: 2px;
}

[b-kk2t775uj4] fluent-checkbox.checked::part(control) {
    background-color: #F7931D;
}

[b-kk2t775uj4] fluent-button {
    height: 100%;
}

[b-kk2t775uj4] fluent-button::part(control) {
    border-radius: 3px;
    line-height: 22px;
    outline: none;
    padding: 7px 19px;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: background .2s linear, border .2s linear, color .2s linear;
    transition: background .2s linear, border .2s linear, color .2s linear;
    white-space: normal;
    height: fit-content;
}

.required[b-kk2t775uj4] {
    font-size: 11px;
    margin: 3px 8px 5px 0;
    color: #c3293a;
    display: inline-block;
}

.login-links[b-kk2t775uj4] {
    text-decoration: none;
    color: #2e5481;
    -webkit-font-smoothing: antialiased;
}

    .login-links:hover[b-kk2t775uj4] {
        text-decoration: underline;
    }

[b-kk2t775uj4] .btn {
    border-radius: 3px;
    line-height: 22px;
    outline: none;
    padding: 8px 19px;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: background .2s linear, border .2s linear, color .2s linear;
    transition: background .2s linear, border .2s linear, color .2s linear;
    white-space: normal;
}

b[b-kk2t775uj4] {
    font-weight: bold;
    line-height: 1.3;
}

/* _content/LochnessExpenses/Components/Components/LochnessHeader.razor.rz.scp.css */
@media (max-width: 991px) {
    #header .header-container:not(.container) .header-nav-main[b-ehld5l23h6] {
        padding: 0 0.75rem;
    }
}

html:not(.boxed) #header.header-full-width .header-container[b-ehld5l23h6] {
	width: 100%;
	max-width: none;
}

html.side-header #header .header-container[b-ehld5l23h6] {
    width: 100%;
}

/* For mobile specifically, the width needs to be 100% such that there isn't empty space to its right in the mobile nav dropdown */
#harm-reduction-list[b-ehld5l23h6] {
    width: 100%;
}

/* Otherwise for desktop we should restrict the width to something reasonable and close to that of the "Harm Reduction" navbar item */
@media (min-width: 992px) {
    #harm-reduction-list[b-ehld5l23h6] {
        width: 200px;
    }
}

#harm-reduction-list .sub-list[b-ehld5l23h6] {
    padding: 8px 0;
}

#harm-reduction-menu[b-ehld5l23h6] {
    position: relative;
    overflow: visible; /* Ensure dropdown isn't clipped */
}


#header .header-container[b-ehld5l23h6] {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	-webkit-transition: ease height 300ms;
	-moz-transition: ease height 300ms;
	transition: ease height 300ms;
}

#header .header-search .btn-light[b-ehld5l23h6] {
    background: transparent;
    border: 0 none;
    color: #CCC;
    z-index: 3;
}

#header .header-wrapper[b-ehld5l23h6] {
    border-bottom: 2px solid black !important;
}

/* Set an appropriate width for the mobile expanded nav menu */
#MainHeaderInfo[b-ehld5l23h6] {
    width: 90vw;
}

/* For desktop: reset navmenu width such that it doesn't overflow and push the search button out of the viewport */
@media (min-width: 992px) {
    #MainHeaderInfo[b-ehld5l23h6] {
        width: auto;
    }
}

/* Bootstrap class included here for higher specificity than other conflicting bootstrap classes */
.hidden[b-ehld5l23h6] {
    display: none !important;
    visibility: hidden !important;
}

.megamenu[b-ehld5l23h6] {
    position: relative;
}

.primary[b-ehld5l23h6] {
    max-width: 50vw;
}

.primary-menu-collapse[b-ehld5l23h6] {
    max-height: 1000px;
    -webkit-transition-property: max-height, visibility;
    transition-property: max-height, visibility;
    -webkit-transition-duration: 0.350s;
    transition-duration: 0.350s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.primary-menu-collapse.closed[b-ehld5l23h6] {
    -webkit-transition-duration: 0.500s;
    transition-duration: 0.500s;
}

.right-box-wrapper[b-ehld5l23h6] {
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-grow: 1 !important;
    justify-content: end !important;
    align-items: center;
    align-self: stretch;
    width: 100%;
}

@media (min-width: 992px) {
    .right-box-wrapper[b-ehld5l23h6] {
        display: flex !important;
        flex-direction: row !important;
        flex-grow: 1 !important;
        justify-content: space-between !important;
        align-items: center;
        align-self: stretch;
        width: 100%;
    }
}

/* Search functionality styles - Bootstrap 3 compatible */
:global(.header-search.shrink)[b-ehld5l23h6] {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transform-origin: right;
}

:global(.header-search)[b-ehld5l23h6] {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transform-origin: right;
}

/* Bootstrap 3 compatibility */
:global(.hidden)[b-ehld5l23h6] {
    display: none !important;
}
/* _content/LochnessExpenses/Components/Pages/AddClaim.razor.rz.scp.css */

[b-i827dhku8v] > fluent-dialog::part(control) {
    /* Change inline padding to margin */
    padding-inline: 0px;
    margin-inline: var(--dialog-padding);
}
/* _content/LochnessExpenses/Components/Pages/AddExpense.razor.rz.scp.css */
[b-pfw1yw0oxu] .fluent-inputfile-container .inputfile-content {
    padding-bottom: 5px;
}

[b-pfw1yw0oxu] .fluent-inputfile-container .inputfile-progress {
    margin-top: -20px;
    height: 10px;
    line-height: 10px;
}

[b-pfw1yw0oxu] .fluent-inputfile-container fluent-progress {
    margin-bottom: 2px;
}

[b-pfw1yw0oxu] .fluent-inputfile-container .inputfile-progress br {
    display: none;
}

[b-pfw1yw0oxu] fluent-checkbox.green-checkbox::part(control) {
    background-color: #ffffff;
}

[b-pfw1yw0oxu] fluent-checkbox.checked.green-checkbox::part(control) {
    background-color: #449a45;
}
/* _content/LochnessExpenses/Components/Pages/EditExpense.razor.rz.scp.css */
[b-mqio85z9u0] > fluent-dialog::part(control) {
    /* Change inline padding to margin */
    padding-inline: 0px;
    margin-inline: var(--dialog-padding);
}

[b-mqio85z9u0] .fluent-inputfile-container .inputfile-content {
    padding-bottom: 5px;
}

[b-mqio85z9u0] .fluent-inputfile-container .inputfile-progress {
    margin-top: -20px;
    height: 10px;
    line-height: 10px;
}

[b-mqio85z9u0] .fluent-inputfile-container fluent-progress {
    margin-bottom: 2px;
}

[b-mqio85z9u0] .fluent-inputfile-container .inputfile-progress br {
    display: none;
}

[b-mqio85z9u0] fluent-checkbox.green-checkbox::part(control) {
    background-color: #ffffff;
}

[b-mqio85z9u0] fluent-checkbox.checked.green-checkbox::part(control) {
    background-color: #449a45;
}
/* _content/LochnessExpenses/Components/Pages/Home.razor.rz.scp.css */
/*::deep fluent-tabs::part(activeIndicator) {
    width: 100%;
    background-color: #449a45;
}*/

.top-tab[b-xlhk29vnyy] {
    width: 50%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #707070;
    font-size: var(--type-ramp-plus-1-font-size);
    line-height: var(--type-ramp-plus-1-line-height);
}

     .top-tab:hover[b-xlhk29vnyy] {
        cursor: pointer;
     }

/* _content/LochnessExpenses/Components/Pages/ViewClaim.razor.rz.scp.css */
[b-7ukbqjivgp] > fluent-dialog::part(control) {
    /* Change inline padding to margin */
    padding-inline: 0px;
    margin-inline: var(--dialog-padding);
}
/* _content/LochnessExpenses/Components/Pages/ViewExpense.razor.rz.scp.css */
[b-6l1ap5y1jr] > fluent-dialog::part(control) {
    /* Change inline padding to margin */
    padding-inline: 0px;
    margin-inline: var(--dialog-padding);
}

[b-6l1ap5y1jr] fluent-radio.checked::part(control) {
    background-color: #449a45;
}

[b-6l1ap5y1jr] .fluent-inputfile-container .inputfile-content {
    padding-bottom: 5px;
}

[b-6l1ap5y1jr] .fluent-inputfile-container .inputfile-progress {
    margin-top: -20px;
    height: 10px;
    line-height: 10px;
}

[b-6l1ap5y1jr] .fluent-inputfile-container fluent-progress {
    margin-bottom: 2px;
}

[b-6l1ap5y1jr] .fluent-inputfile-container .inputfile-progress br {
    display: none;
}

[b-6l1ap5y1jr] fluent-checkbox.checked::part(control) {
    background-color: #449a45;
}

/*::deep fluent-button.full-opacity::part(control):hover {
    opacity: 1 !important;
}*/