/* App Styles */

html {
    height: 100%;
}

body {
    height: 100%;
}

a {
    color: var(--color-secondary-dark);
    text-decoration-color: var(--color-secondary-dark);
}

a:visited {
    color: var(--color-special-dark);
    text-decoration-color: var(--color-special-dark);
}


#app {
    height: 100%;
}

.hidden {
    display: none !important;
}

html, body * {
    scrollbar-color: var(--color-neutral);
    scrollbar-width: auto;
}

/* Crowe Button */

.crowe-button {
    padding: 6px 8px;
    min-width: 30px;
}

/* Crowe Navigation Bar */
.crowe-navbar-note-text {
    padding: 8px 16px 8px 16px;
    color: var(--crowe-indigo-lighten);
    font-style: italic;
}

.crowe-navbar-light {
    color: var(--color-text-default) !important;
    border-right: solid var(--color-neutral) 1px !important;
}

.crowe-navbar-dark {
    color: white !important;
}

.mud-nav-link {
    font-weight: bold !important;
    color: inherit !important;
}

.crowe-navbar-title {
    font-size: 1.4rem;
    overflow-wrap: break-word;
    margin-bottom: -0.4rem;
}

.crowe-navbar-light .crowe-navbar-title {
    color: var(--color-text-default) !important;
}

.crowe-navbar-dark .crowe-navbar-title {
    color: var(--color-highlight) !important;
}

.crowe-navbar-button-text {
    font-weight: bold !important;
}

.crowe-navbar-group {
    font-weight: bold;
}

.crowe-navbar-group .mud-nav-link .mud-nav-link-text {
    font-weight: bold !important;
}

.crowe-navbar-group .mud-nav-link .mud-nav-link-expand-icon {
    fill: black !important;
}

/* Crowe Card and Expandable Card*/

.crowe-card {
    border-radius: var(--mud-default-borderradius) !important;
    margin: 0 !important;
}

.crowe-card-header {
    width: 100%;
}

.crowe-card > .mud-expand-panel-header, .crowe-card .mud-card-header {
    padding: 6px 16px !important;
    border-radius: var(--mud-default-borderradius) !important;
}

.crowe-card-primary > .mud-expand-panel-header, .crowe-card-primary .mud-card-header {
    color: white;
    background: var(--color-highlight);
}

.crowe-card-secondary > .mud-expand-panel-header, .crowe-card-secondary .mud-card-header {
    color: var(--color-text-default);
    background: var(--color-neutral-light)
}

.crowe-card-secondary .crowe-card-header-text {
    font-weight: 500 !important;
}

.crowe-card .mud-expand-panel-icon {
    font-size: 2.3rem !important;
}

.crowe-card.mud-panel-expanded .mud-expand-panel-header, .crowe-card .mud-card-header {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.crowe-card-header-text {
    margin-right: 8px;
    font-size: 1.5rem;
    font-weight: bold;
}

.crowe-card .mud-expand-panel-icon {
    margin-left: 16px;
}

.crowe-card .mud-expand-panel-content {
    padding: 8px 16px 16px !important;
}

.crowe-card .mud-card-content {
    padding: 16px !important;
}

.crowe-card.mud-disabled .crowe-card-header-text {
    color: var(--mud-palette-action-disabled) !important;
}

.crowe-card.mud-disabled > .mud-expand-panel-header, .crowe-card.mud-disabled .mud-card-header {
    color: var(--mud-palette-action-disabled) !important;
    background: var(--mud-palette-action-disabled-background) !important;
}

/* Crowe Page Title */

.crowe-page-title-text {
    font-size: 2.4rem;
}

.crowe-page-title-secondary-text {
    font-size: 2.4rem;
    color: var(--color-secondary);
}

/* Crowe Title */

.crowe-title-0 {
    font-size: 2.4rem;
}

.crowe-title-1 {
    font-size: 2rem;
}

.crowe-title-2 {
    font-size: 1.6rem;
}

.crowe-title-3 {
    font-size: 1.2rem;
}

/* Crowe Tabs */

.crowe-tabs {
    border-radius: var(--mud-default-borderradius);
    box-shadow: var(--mud-elevation-2);
}

.crowe-tabs .mud-tabs-header {
    padding: 8px;
}

.crowe-tabs .mud-tabs-panels {
    padding: 8px 16px 16px !important;
    background: white;
    border-bottom-left-radius: var(--mud-default-borderradius);
    border-bottom-right-radius: var(--mud-default-borderradius);
}

.crowe-tabs .mud-tabs-tabbar {
    background: var(--color-highlight-dark);
    border-radius: var(--mud-default-borderradius);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.crowe-tabs .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    height: 100%;
}

.crowe-tabs .mud-tab {
    background: var(--color-highlight-dark);
    border-radius: var(--mud-default-borderradius);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: white;
    min-height: 48px;
    height: -webkit-fill-available !important;
    align-items: center;
}

.crowe-tabs .mud-tab:hover {
    background: var(--color-highlight-hover) !important;
}

.crowe-tabs .mud-tab-active, .crowe-tabs .mud-tab-active:hover {
    background: var(--color-highlight) !important;
}

.crowe-tab-title-text {
    font-weight: bold !important;
}

.crowe-tab-subtitle-text {
    font-style: italic !important;
}

.crowe-tabs .mud-tab-slider.mud-tab-slider-horizontal {
    background: white;
}

/* Crowe Dialog */

.crowe-dialog {
    border-radius: var(--mud-default-borderradius) !important;
}

.crowe-dialog .mud-dialog-title {
    background-color: var(--color-highlight);
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
    padding: 16px !important;
}

.crowe-dialog .mud-dialog-content {
    padding: 16px !important;
    margin: 0 !important;
}

.mud-main-content {
    height: 100%;
    padding-top: 0!important;
}

/* Crowe Toggle Group */
.crowe-toggle-group {
    height: fit-content;
    background-color: var(--mud-palette-primary-darken) !important;
}

.crowe-toggle-group .mud-toggle-item {
    padding: 14px 16px !important;
}

.crowe-toggle-group .mud-button-outlined {
    color: white !important;
}

.crowe-toggle-group .mud-button-outlined:hover {
    background-color: var(--mud-palette-primary-selected) !important;
}

.crowe-toggle-group .mud-button-filled {
    background-color: var(--mud-palette-primary) !important;
}

.crowe-toggle-group .mud-button-filled:hover {
    background-color: var(--mud-palette-primary) !important;
}

/* OLD STYLES */

.crowe-switch .mud-input-control-input-container .mud-switch {
    margin: 0;
}

.crowe-tooltip {
    max-width: 250rem;
}

.crowe-tooltip-root {
    align-content: center;
    width: auto !important;
}

.crowe-drawer {
    background-color: var(--color-primary-dark);
}

.white-text-on-indigo {
    background-color: var(--color-info);
    color: white !important;
}

.table-header {
    background-color: var(--color-info);
    color: white !important;
    font-weight: bold !important;
}

.card-header {
    background-color: var(--color-info);
    color: white !important;
    font-weight: bold !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-thin {
    font-weight: 100 !important;
}

.dynamic-carousel-item {
    display: flex !important;
    flex-direction: column !important /* Stack content vertically */
}

.mud-table-root .mud-table-head .mud-table-cell {
    font-weight: bold;
}

.mud-input-label::after {
    color: #E5376B; /* Red color for asterisk */
}