/* Oqtane Styles */

body {
    /*padding-top: 7rem;*/
}

.div main {
    /*color: black;
    filter: invert(1);
    mix-blend-mode: difference;*/
}


/*
    Problema della sovrapposizione degli stili mudblazor e Bootstrap
    Sono costretto a tenere bootstrap altrimenti non renderizza been il pannello a scamparsa di admin
    tento qui di ri-settare lo stile di mudblazor
*/
h1, h2, h3, h4, h5, h6,
.mud-dialog h1, .mud-dialog h2, .mud-dialog h3, .mud-dialog h4, .mud-dialog h5, .mud-dialog h6 {
    color: var(--mud-palette-text-primary);
}


/* 
    Il dropdown di sleeziona lingua è complicato da riscrivere,
    Per adeguarlo ai colori della AppBar interveniamo tramite css 
    Anzi intervengo su tutti i tasti bootstrap btn in appbar per adeguarli allo stile bottstrap.
*/

.mud-toolbar-appbar button.btn {
    --bs-btn-font-size: var(--mud-typography-button-size);
    --bs-btn-font-size: unset;
    color: var(--mud-palette-appbar-text);
    border-color: var(--mud-palette-appbar-text);
}

.mud-toolbar-appbar .dropdown-menu {
    background-color: white;
    color: var(--mud-palette-appbar-text);
}

.mud-toolbar-appbar .dropdown-item
{
    color: gray;
}

.mud-toolbar-appbar .dropdown-item.active {
    color: var(--mud-palette-appbar-text);
    text-decoration: none;
    font-weight: bold;
    background-color: white; /* var(--bs-dropdown-link-active-bg);*/
}


.mud-toolbar-appbar .dropdown-item:hover {
    color: var(--mud-palette-appbar-text);
    background-color: dimgray; /* var(--bs-dropdown-link-hover-bg);*/
}

#btnCultures {
}


.mud-thememanager-button {
    position: fixed;
    top: 40%;
    right: 0;
    box-shadow: 1px 1px 9px var(--mud-palette-appbar-background);
    color: #FFFFFF;
    background-color: var(--mud-palette-appbar-background);
    cursor: pointer;
}


.table > :not(caption) > * > * {
    box-shadow: none;
}

.table .form-control {
    background-color: #ffffff !important;
    border-width: 0.5px !important;
    border-bottom-color: #ccc !important;
}

.table .form-select {
    background-color: #ffffff !important;
    border-width: 0.5px !important;
    border-bottom-color: #ccc !important;
}

.table .btn-primary {
    background-color: var(--bs-primary);
}

.table .btn-secondary {
    background-color: var(--bs-secondary);
}

.alert-dismissible .btn-close {
    z-index: 1;
}

.controls {
    z-index: 2000;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 10px;
}