/*
  base styles prior to the new ones (rebranding and improvements) regardless if they are on or off
*/
/*
    Logo related styles
*/
a.y-logo-link {
  position: relative;
}
a.y-logo-link .y-logo.y-logo_yallo {
  width: 202px;
  margin-left: 15px;
}
a.y-logo-link .y-logo.y-logo_yallo.y-logo_login {
  width: 250px;
  margin: 6px 0 0 10px;
}
a.y-logo-link .y-logo.y-logo_claiton {
  width: 217px;
}
a.y-logo-link div.y-env {
  display: none;
  line-height: 100%;
}
a.y-logo-link div.y-env.y-env-_development,
a.y-logo-link div.y-env.y-env-_developmentDe,
a.y-logo-link div.y-env.y-env-_developmentDk,
a.y-logo-link div.y-env.y-env-_staging,
a.y-logo-link div.y-env.y-env-_stagingDe,
a.y-logo-link div.y-env.y-env-_stagingDk,
a.y-logo-link div.y-env.y-env-_demo,
a.y-logo-link div.y-env.y-env-_demoDe,
a.y-logo-link div.y-env.y-env-_demoDk {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-10deg);
  text-transform: uppercase;
  background-color: #FFFFFFAA;
  color: #f40000;
  border: 3px solid red;
  padding: 0.2em 0.25em;
  font-size: 25px;
  font-weight: bold;
  white-space: nowrap;
}
a.y-logo-link div.y-env.y-env-_development,
a.y-logo-link div.y-env.y-env-_developmentDe,
a.y-logo-link div.y-env.y-env-_developmentDk {
  border-color: red;
  color: red;
}
a.y-logo-link div.y-env.y-env-_development span::after,
a.y-logo-link div.y-env.y-env-_developmentDe span::after,
a.y-logo-link div.y-env.y-env-_developmentDk span::after {
  content: "Dev";
}
a.y-logo-link div.y-env.y-env-_staging,
a.y-logo-link div.y-env.y-env-_stagingDe,
a.y-logo-link div.y-env.y-env-_stagingDk {
  border-color: orange;
  color: orange;
}
a.y-logo-link div.y-env.y-env-_staging span::after,
a.y-logo-link div.y-env.y-env-_stagingDe span::after,
a.y-logo-link div.y-env.y-env-_stagingDk span::after {
  content: "Test";
}
a.y-logo-link div.y-env.y-env-_demo,
a.y-logo-link div.y-env.y-env-_demoDe,
a.y-logo-link div.y-env.y-env-_demoDk {
  border-color: green;
  color: green;
}
a.y-logo-link div.y-env.y-env-_demo span::after,
a.y-logo-link div.y-env.y-env-_demoDe span::after,
a.y-logo-link div.y-env.y-env-_demoDk span::after {
  content: "Demo";
}
.y-layout-general a.y-logo-link .y-logo {
  padding-left: 0;
}
.y-layout-error a.y-logo-link {
  position: initial;
}
.y-layout-ease a.y-logo-link {
  position: initial;
}
.y-layout-ease a.y-logo-link .y-logo {
  position: initial;
}
.y-layout-replacement-car .logo {
  position: relative;
  height: 100%;
  width: 220px;
}
.y-layout-replacement-car .logo img.y-logo {
  left: 0;
}
.y-layout-replacement-car a.y-logo-link {
  position: initial;
}
body .y-content-table {
  height: 100%;
  margin: 0 auto;
}
body.y-layout-public .main-top {
  height: 66px;
  min-height: 66px;
}