:root {
    --zbr-primary: #004C83;
    --zbr-primary-hover: #002d4e;
    --zbr-secondary: #B69069;
    --zbr-secondary-hover: #85714D;
    --zbr--light-secondary: #ffd699;
}

/* Основные стили */
* {
    font-family: 'Stem Text', 'PT Sans', sans-serif !important;
}

body {
    background: #d9d9d9;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Opium New', 'PT Serif', serif; !important;
    font-weight: normal;
}

h4 {
     font-weight: 700 !important;
}

label {
    opacity: 0.9;
}

.ant-btn-primary {
    color: #fff;
    background: var(--zbr-primary) !important;
    border-color: var(--zbr-primary-hover); !important;
}

.ant-btn-primary:hover {
    color: var(--zbr--light-secondary) !important;
    background: var(--zbr-primary-hover);
    border-color: var(--zbr-primary) !important;
}

.ant-btn-primary:active {
    color: #cc6600;
}

.ant-btn-primary[disabled] {
    background: #CED4E1 !important;
    border: 1px solid #BAC0CE !important;
}

.ant-btn-dangerous.ant-btn-primary {
    background: #a31f20 !important;
    border-color: #721313 !important;
}

/* Регистрация и логин */
#cvs-login,
#cvs-password,
#btn-quick-login,
.ant-input-password,
.ant-input-password .ant-input
{
    background: #f1f1f1 !important;
}

#btn-quick-login {
    color: #333 !important;
    border-color: #d9d9d9 !important;
}

#btn-quick-login:hover {
    background: #e8e8e8 !important;
    border-color: var(--zbr-secondary) !important;
    color: var(--zbr-secondary) !important;
}

.unauth-content h3 {
    color: var(--zbr-primary);
    font-size: calc(12px + 0.5vw);
}

/*  Хедер */
.ant-layout-header{
    height: 77px !important;
    line-height: 77px !important;
    padding: 0 50px 50px 25px;
}
.ant-layout-header,
.ant-menu.ant-menu-dark{
    background-color: var(--zbr-primary) !important;
}

.ant-menu {
    font-size: 16px !important;
}

.ant-menu-item,
.ant-menu-drop-btn{
    color: var(--zbr-secondary) !important;
    transition: color 0.3s ease, font-size 0.3s ease;
    background-color: var(--zbr-primary) !important;
}

.ant-menu-item-selected {
     background: #121F3A !important;
 }

.ant-menu-item:hover,
.ant-menu-drop-btn:hover{
     color: var(--zbr-secondary-hover) !important;
     background-color: rgba(255, 215, 0, 0.1) !important;
 }

.ant-menu-user-name-color {
    background: linear-gradient(0deg, #b17f4a 0%, #ca9e67 30%, #7d6254 71%, #b07e4a 99%, #b17f4c 100%); !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

img.menu-logo {
    width: 71px;
    height: 71px;
    margin: 3px 25px 3px 3px;
    display: inline;
    float: left;
}

.logo-login {
    text-align: center;
    margin-top: 1%;
}

.logo-login img {
    width: 15%;
    margin-bottom: 10px;
    min-width: 200px;
}

.components-reconnect-show, .components-reconnect-failed, .components-reconnect-rejected {
    display: none;
}