*{
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #bbadbe;
}

.adminDrawerLogo img { 
   content: url(https://mawacode.de/webicons/logo.png) !important; 
} 
.imgLogoIcon { 
   content: url(https://mawacode.de/webicons/logo.png) !important; 
} 
.pageTitleWithLogo { 
   background-image: url(https://mawacode.de/webicons/logo.png) !important; 
} 

.button-submit{
    background-color: #000;
}

.emby-checkbox:checked + span + .checkboxOutline, .itemProgressBarForeground{
    background-color: #000;
}

.skinHeader.semiTransparent,
.skinHeader,
.mainDrawer,
.navMenuOption-selected,
.paperList {
    backdrop-filter: blur(10px) saturate(100%)!important;
    -webkit-backdrop-filter: blur(10px) saturate(100%)!important;
    background-color: rgba(30, 30, 30, 0.75);
    border-radius: 0 0 12px 12px;
    border: 1px solid rgba(255, 255, 255, 0.125);
    box-shadow: 5px 5px 5px black;
}

.mainDrawer{
    margin-left: -0.25em;
}

.cardBox,.cardImageContainer {
    backdrop-filter: blur(10px) saturate(100%);
    -webkit-backdrop-filter: blur(10px) saturate(100%);
    background-color: rgba(30, 30, 30, 0.75);
    border-radius: 0 12px 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.125);
    box-shadow: 5px 5px 5px black;
}

.sections,.detailVerticalSection {
    backdrop-filter: blur(10px) saturate(100%);
    -webkit-backdrop-filter: blur(10px) saturate(100%);
    background-color: rgba(30, 30, 30, 0.75);
    border-radius: 0 12px 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.125);
    box-shadow: 5px 5px 5px black;
    padding: 2em;
    padding-right: 0;
    margin-top: 1em;
}

.dashboardGeneralForm,.readOnlyContent,.updatePasswordForm,.manualLoginForm{
    backdrop-filter: blur(10px) saturate(100%);
    -webkit-backdrop-filter: blur(10px) saturate(100%);
    background-color: rgba(30, 30, 30, 0.75);
    border-radius: 0 12px 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.125);
    box-shadow: 5px 5px 5px black;
    padding: 2em;
    margin-top: 1em;
}

.nowPlayingInfoContainer,.playlistSection{
    backdrop-filter: blur(10px) saturate(100%);
    -webkit-backdrop-filter: blur(10px) saturate(100%);
    background-color: rgba(30, 30, 30, 0.75);
    border-radius: 0 12px 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.125);
    box-shadow: 5px 5px 5px black;
    height: 100%;
    margin-top: 1em;
    padding: 1em;
}

.appfooter{
    backdrop-filter: blur(10px) saturate(100%);
    -webkit-backdrop-filter: blur(10px) saturate(100%);
    background-color: rgba(30, 30, 30, 0.75);
    border-radius: 12px 12px 0 0;
    border: 1px solid rgba(255, 255, 255, 0.125);
    padding: 1em;
    padding-bottom: 0.1em;
}

@media only screen and (max-width:500px){
    .nowPlayingInfoContainer,.playlistSection{
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background-color: rgba(30, 30, 30, 0);
        border-radius: none;
        border: none;
        box-shadow: none;
        height: min-content;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .nowPlayingPage{
        backdrop-filter: blur(10px) saturate(100%);
        -webkit-backdrop-filter: blur(10px) saturate(100%);
        background-color: rgba(30, 30, 30, 0.75);
    }
}




.emby-input:focus,
.emby-textarea:focus,
.emby-select-withcolor {
  border-color: #bbadbe !important;
}

.mdl-slider-background-lower{
    background-color: #ac7cb7;
}

.backgroundContainer {
    background-color: #111927;
    background-image: radial-gradient(at 30% 30%, hsl(70, 100%, 20%) 0, transparent 59%), radial-gradient(at 70% 70%, hsl(230, 100%, 20%) 0, transparent 55%);
    background: url(https://mawacode.de/pics/background.jpg) no-repeat;  
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

#loginPage {
    background-color: #111927;
    background-image: radial-gradient(at 30% 30%, hsl(70, 100%, 20%) 0, transparent 59%), radial-gradient(at 70% 70%, hsl(230, 100%, 20%) 0, transparent 55%);
    background: url(https://mawacode.de/pics/background.jpg) no-repeat;  
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}