:root {
    --ct-color-host-accent: #222222 !important;
}

body.login-pf {
    background: url("back.png") no-repeat 75% 0;
    background-size: cover;
    background-color: #000000;
}

#badge {
    inline-size: 5em;
    block-size: 5em;
    background-image: url("square-hicolor.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.login-pf .container {
    background: none!important;
    color: #FFFFFF!important
}
.login-pf .details {
    background: none!important;
    color: #FFFFFF!important
}

.pf-v5-c-menu__list {
    background-color: #00000090!important;
    border-style: solid!important;
    border-color: #cc000020!important;
}

.pf-v5-c-menu__item {
    background-color: #00000090!important;
    border-style: solid!important;
    border-color: #00000020!important;
}

.pf-v5-c-about-modal-box {
    background: none!important;
    background-color: #000000!important
    
}
.pf-v5-l-bullseye {
    background-color: #000000!important
}

input {
    background-color: #00000060!important
}

.host-apps {
    background-color: #22222260!important;
}
.pf-v5-c-masthead {
    background-color: #22222260!important;
}
.ct-switcher {
    background-color: #22222260!important;
}
.pf-v5-c-text-input-group__text-input {
    background-color: #22222260!important;
}
.pf-m-current {
    background-color: #9a0000!important;
}

button {
    border-color: #cc0000!important;
    background-color: #cc000050!important;
}

#brand {
    font-size: 18pt;
    text-transform: uppercase;
}

#brand::before {
    content: "Cockpit Pro";
}

#index-brand::before {
    content: "Cockpit Pro";
}
