@font-face {
  font-family: 'Ceraroundpro';
  src: url('/broker/operator/app/assets/fonts/TypeMates-CeraRoundP-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Ceraroundpro';
  src: url('/broker/operator/app/assets/fonts/TypeMates-CeraRoundP-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Ceraroundpro';
  src: url('/broker/operator/app/assets/fonts/TypeMates-CeraRoundP-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Ceraroundpro';
  src: url('/broker/operator/app/assets/fonts/TypeMates-CeraRoundP-600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Ceraroundpro';
  src: url('/broker/operator/app/assets/fonts/TypeMates-CeraRoundP-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

:root {
  --primary-color: #4e267f !important;
  --on-primary-color: #fff !important;
  --accent-color: #ff007b !important;
  --on-accent-color: #fff !important;
  --primary-light-color: #5f2ad0 !important;
  --on-primary-light-color: #fff !important;
}

html,
body,
.container {
  font-family: 'Ceraroundpro', Arial, sans-serif;
}

.header-menu-logo {
  display: none;
}

.container .header-menu-container {
  background-image: url('/broker/operator/app/assets/images/logos/vd-logo.svg');
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: 32px 10px;
  padding-bottom: 15px !important;
  transition: 0s !important;
}

#login2 .page-logo > img {
  display: none;
}

#login2 .side {
  flex-direction: column;
  background: linear-gradient(180deg, #e50047 0%, #6d36b0 100%) !important;
}

#login2 .side div {
  display: none;
}

#login2 .side:after {
  content: 'Добро пожаловать';
}

#login2 .side:before {
  display: block;
  width: 150px;
  height: 150px;
  content: ' ';
  background-image: url('/broker/operator/app/assets/images/logos/vd-men.svg');
  filter: drop-shadow(0px 0px 40px #fff);
}

#login2 .support {
  display: none;
}

#login2 .page-logo {
  height: 50px;
  background-image: url('/broker/operator/app/assets/images/logos/vd-logo.svg');
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}

.button-line .submit-button {
  background: #4e267f !important;
}

.button-line .submit-button:hover {
  background: #5f2ad0 !important;
}

[data-title]::after {
  content: 'ВсегдаДа Кредиты';
}

[data-favicon]::after {
  content: 'link';
  type: 'image/x-icon';
  rel: 'icon';
  href: '/broker/operator/app/assets/images/logos/vd-favicon.ico';
}

mc-2021-support-contacts {
  display: none;
}

.sidenav-container .container:not(.container__opened) .header-menu-container {
  background: url('/broker/operator/app/assets/images/logos/vd-small-logo.png');
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
}

mc-partner-onboarding .logo,
mc-operator-onboarding .logo,
mc-get-phone-call .logo {
  display: block;
  width: 170px;
  height: 62px;
  max-width: 170px !important;
  background-image: url('/broker/operator/app/assets/images/logos/vd-logo.svg');
  background-position: center;
  background-repeat: no-repeat;
  transition: 0s !important;
}

mc-partner-onboarding mat-toolbar .logo img,
mc-partner-onboarding mat-toolbar .contacts,
mc-get-phone-call mat-toolbar .logo img,
mc-get-phone-call mat-toolbar .contacts,
mc-operator-onboarding mat-toolbar .logo img,
mc-operator-onboarding mat-toolbar .contacts,
mat-toolbar.header > .logo img,
mat-toolbar.header > .contacts {
  display: none !important;
}

mc-2021-support-contacts {
  display: none;
}

.page-layout.simple > .header,
.page-layout.carded .top-bg,
.md-accent-bg {
  background: linear-gradient(200deg, #e50047 0%, #6d36b0 100%) !important;
}