/* Scyfin icon */
.imgLogoIcon {
    content: url(https://i.imgur.com/R0qqaRd.png) !important;
}
.adminDrawerLogo img {
    content: url(https://i.imgur.com/R0qqaRd.png) !important;
}
.pageTitleWithLogo {
    background-image: url(https://i.imgur.com/R0qqaRd.png) !important;
}



/* Static left drawer */
.layout-desktop .mainDrawer {
    transform: none !important;
    left: 0 !important;
    top: 65px !important;
    width: 250px !important;
    /* Modified background color */
    background-color: #181818 !important;
    /* Added border to right side */
    border-right: 1px solid #3B3B3B;
}
/* Shift content to the right */
.layout-desktop .libraryPage {
    margin-left: 250px !important;
}
/* Hide transition on page load */
.layout-desktop .touch-menu-la.transition {
    transition: none !important;
}
/* Hide hamburger button */
.layout-desktop .mainDrawerButton {
    display: none !important;
}
/* Fix for dashboard drawer height */
.layout-desktop .dashboardDocument .mainDrawer {
    top: 0px !important;
}



/* Rounded cards */
.cardContent,
.cardPadder,
.cardOverlayContainer,
.blurhash-canvas,
.dialog {
    border-radius: 10px !important;
}



/* Rounded left drawer buttons */
.navMenuOption,
.navMenuOption:hover,
.navMenuOption-selected {
    border-radius: 100px !important;
    width: 85% !important;
    margin: auto !important;
    text-align: center !important;
}
/* Center icons and text and shift to the left */
.navMenuOptionIcon,
.navMenuOptionText {
    position: inherit !important;
    left: -10% !important;
    margin-top: 0 !important;
}
/* Modified button height */
.emby-button {
    height: 45px !important;
}
/* Fix for header buttons */
.emby-button-foreground {
    top: -9px !important;
}



/* Left drawer button color */
.navMenuOption-selected {
    background: #46372D!important;
    color: #FFB380 !important;
}



/* Modified background color */
.backgroundContainer,
.dialog,
html {
    background-color: #0F0F0F !important;
}



/* Transparent header bar */
.skinHeader {
    background-color: transparent !important;
}
/* Rounded header buttons */
.headerTabs {
    background-color:rgba(25, 25, 25, 0.5) !important;
    border-radius: 50px !important;
    backdrop-filter: blur(50px) !important;
    margin-top: -1.7em !important;
    margin-left: 250px !important;
}