.mud-button, .mud-fab {
    text-transform: unset; /** Vill inte ha uppercase på knappar, vilket är MudBlazor-default */
}
.mud-nav-link {
    padding-left: 4px; /** 16 default */
}

.mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    /** padding-left: 20px; /** 36 default */
    /**padding-inline-start: 36px;   */
}

/** Minska ikonstorleken i navigationsmenyn */
.mud-drawer-content svg{
    font-size: 1.3rem;
}

/** Minska mellanrum till ikonen i navigationsmenyn */
.mud-nav-link .mud-nav-link-text {
    margin-left: 5px;
    margin-inline-start: 5px;
}

.undertryckt {
    font-style: italic;
    color: #c0c0c0 !important;
}

.fetstil, .fetstil td {
    font-weight: 600 !important;
}

.kursiv {
    font-style: italic !important;
}

.utanPadding {
    padding: 0px !important;
}
/*
.mud-typography-h6 {
    font-size: 16px;
}
    */

.högerjustera {
    text-align: right !important;
}

.centrera {
    text-align: center !important;
}


.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: rgb(105 105 105); /** Ljusar upp färgen på input labels */
}
    
.nowrap {
    white-space: nowrap;
}

.miniikon {
    font-size: 1.0rem !important;
}
.mellanikon {
    font-size: 1.3rem;
}

.mud-list .flervalsdefinition {
    display: flex !important;
}


.en-rad {
    min-width: fit-content;
}

.mud-tab-active { 
    background-color: whitesmoke;
}

/*------------------------------------TABELLER-------------------------------------------*/

/*
.inaktiv-tabellrad {
    opacity: 0.6;
}

.mud-table-head, thead {
    background-color: #e7e7e7;
}

.vald-tabellrad .mud-table-cell {
    font-weight: bolder;
}

.dölj-inaktiv-rad {
    display: none;
}
    */
.tabell-supertajt .mud-table-cell {
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.tabell-tajt .mud-table-cell {
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.mud-icon-button {
    padding: 4px;
}
/*
.mud-table-foot .mud-table-row .mud-table-cell {
    font-weight: 500;
    line-height: 1.5rem;
}

    */
td .mud-typography-body1 {
    font-size: .875rem;
}
    
/*-------------------------------SPINNER-------------------------------------------------*/
/*Liten spinner*/
.spinner-prickar {
    margin: 0;
    width: 70px;
    text-align: center;
}

.spinner-prickar > div {
    width: 5px;
    height: 5px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner-prickar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner-prickar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

/* Tab styling */
.mud-tab {
    text-transform: none !important;
    border-width: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-color: rgba(0, 0, 0, .125);
    color: dimgrey !important;
    min-height: 40px;
}

.mud-tooltip.mud-tooltip-default .mud-button-label {
    color: lightblue;
}