/*
	This CSS file matches the color scheme from MudBlazor to Bootstrap when utilized for authentication.
	The file remains available at all times for demonstration purposes,
	but it is exclusively employed in the 'App.razor' component when authentication is enabled.
*/

.btn-primary {
    text-transform: uppercase;
    --bs-btn-bg: var(--mud-palette-primary) !important;
    --bs-btn-hover-bg: var(--mud-palette-primary-darken) !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--mud-palette-primary) !important;
}

.nav {
    --bs-nav-link-color: var(--mud-palette-primary) !important;
    --bs-nav-link-hover-color: var(--mud-palette-primary-darken) !important;
}

.label-lg {
    color: #253232;
    font-family: "Source Sans 3";
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    word-wrap: break-word;
}


.label-md {
    font-family: "Source Sans 3";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.mud-input > input.mud-input-root:disabled, div.mud-input-slot.mud-input-root:disabled {
    cursor: default;
    background-color: #efefef;
    color: #5f5e5e;
}

.mud-input-control.field-read-only > div.mud-input-control-input-container > div.mud-input {
    cursor: default;
    background-color: #efefef;
    color: #5f5e5e;
}

.app-radio-group .mud-radio {
    width: 100%;
}

.app-radio-group .mud-radio-content-placement-end {
    margin-left: 0px;
    margin-inline-start: 0px;
}

.mud-tabs-toolbar {
    background-color: transparent;
}

.mud-tab {
    text-transform: none;
    padding-top: 0;
    padding-bottom: 0;
}

.mud-typography.h2-small {
    font-size: 20px;
}

.mud-typography.h2-small.dialog-title {
    font-family: ["Public Sans", "Helvetica", "Arial", "sans-serif"];
    font-weight: 700;
    line-height: 1.2;
}

/* Active Tab Text Color */
.mud-tab.mud-tab-active {
    color: var(--mud-palette-secondary);
}

/* Active Tab underline */
.mud-tab-slider {
    background-color: var(--mud-palette-secondary);
}

/* Helper text */
.mud-typography.mud-typography-caption.mud-secondary-text {
    color: var(--mud-palette-text-secondary) !important;
}

/* Question numbers */
p.mud-typography.mud-typography-body1.mud-secondary-text {
    color: var(--mud-palette-text-primary) !important;
}

/* Checkbox color */
.mud-checkbox .mud-icon-root.mud-svg-icon:not(.mud-error-text) {
    fill: var(--mud-palette-primary);
}

.mud-checkbox.mud-disabled .mud-icon-root.mud-svg-icon {
    fill: var(--mud-palette-text-secondary)
}

.mud-input.mud-input-outlined {
    border-radius: 4px;
}

.mud-input.mud-input-outlined > .mud-input-slot {
    border-radius: 4px;
}

.mud-input.mud-input-outlined.mud-input-margin-dense.mud-shrink.mud-disabled > .mud-input-outlined-border {
    border-color: var(--mud-palette-lines-inputs);
}

.tab-title {
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; 
}
.landing-nav-header-container {
    display: flex;
    justify-content: flex-end;
    padding: 1rem;
}
.mud-main-content {
    min-height: calc(100vh - 120px);
    padding-top: 20px;
    overflow-y: auto;
}
/*This style prevents auto-focus of the title element on initial load*/
.title:focus {
    outline: none !important;
}

.mud-table-root .mud-table-body .mud-table-cell.mud-table-cell-primary,
.mud-table-root .mud-table-head .mud-table-cell.mud-table-cell-primary,
.mud-table-root .mud-table-foot .mud-table-cell.mud-table-cell-primary {
    background: var(--mud-palette-primary-lighten);
    color: var(--mud-palette-primary-text);
}
.tab-header{
    background-color: transparent;
}

body{
    overflow-y: auto !important;
    padding: 0 !important;
}