@charset "utf-8";

:root{
    --topmenu-and-footer-color: #19191a;
    --button-hover-color: var(--topmenu-and-footer-color);
    --topmenu-footer-link-color: #fff;
    --topmenu-link-hover-color: #fcda9c;
}

h2 {
    color: #151721;
}

.layout {
    border-width: 0;
}

main {
    background-color: #fff;
    padding-top: 15px;
}

nav td.home a:after{
    background-image: none;
    background-color: var(--topmenu-footer-link-color);
    mask-image: url('../../../../images/layout_v3/house.svg');
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url('../../../../images/layout_v3/house.svg');
}

nav td.home:hover a:after{
    background-color: var(--topmenu-link-hover-color);
}

header a.logo {
    width: 167px;
    height: 162px;
    top: 0px;
    left: 20px;
    background-image: url('../../images/logo.png');
    background-size: 100%;
}

header a:hover {
    color: #151721;
}

header .logged-box .password-change a:hover span,
header .logged-box .profile-edit a:hover span,
header .logged-box .sudo-back a:hover span {
    filter: contrast(1.7) brightness(0.7);
}

nav .topmenu {
    background-color: var(--topmenu-and-footer-color);
}

nav .topmenu a:hover{
    color: var(--topmenu-link-hover-color);
}

nav div.loginbox div.login-error {
    background-color: #151721;
}

nav div.loginbox div.login-error div span:after {
    color: #151721;
}

footer {
    background-color: var(--topmenu-and-footer-color);
}

footer .box,
footer .box a {
    color: var(--topmenu-footer-link-color);
}

.content .title {
    color: #2e2d2b;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiOHfuHBMDAwNAgAEADowCbdLDlPkAAAAASUVORK5CYII=') 0 8px repeat-x;
}

.content div.title {
    color: #2e2d2b;
    background-position: 0 12px;
}

.content input:focus, .content select:focus, .content textarea:focus {
    box-shadow: 0 0 4px #151721;
}

.content a:hover {
    color: #151721;
    border-bottom-color: #151721;
}

legend {
    color: #151721;
}

.list th, .silverlist th {
    background-color: #585755;
    color: #fff;
    font-weight: normal;
}

.goldlist th {
    background-color: #585755;
    color: #fff;
    font-weight: normal;
}

.goldlist-stress th {
    background-color: #151721;
}

.list th a {
    color: #fff;
}

th .calcData {
    color: #fff;
}

.content input[type=submit]:hover,
.content input[type=button]:hover,
.content .button:hover,
.content button:hover {
    background-color: var(--button-hover-color);
}

.content input[type=submit]:focus,
.content input[type=button]:focus,
.content .button:focus,
.content button:focus {
    color: #999;
}