.path-user:not(.user-logged-in) {
  background: #fff;
}
.path-user:not(.user-logged-in) .login-branding img {
  margin: 0 auto;
  display: table;
  margin-top: 40px;
  max-width: 250px;
}
.path-user:not(.user-logged-in) nav.tabs {
  margin-top: 25px;
  width: 480px;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.path-user:not(.user-logged-in) nav.tabs ul {
  display: flex;
}
@media (max-width: 480px) {
  .path-user:not(.user-logged-in) nav.tabs ul {
    display: inline-block;
    width: 100%;
 }
}
.path-user:not(.user-logged-in) nav.tabs ul li {
  margin: 0;
  border-radius: 0;
  flex: 1;
  display: flex;
  align-items: center;
  text-align: center;
 /* If placed in a small width sidebar or something like that disabling nowrap will fix the overflow issue */
  white-space: normal;
  border: 1px solid #c5c5c5;
}
@media (max-width: 480px) {
  .path-user:not(.user-logged-in) nav.tabs ul li {
    display: inline-block;
    width: 100%;
 }
}
@media (min-width: 991px) {
  .path-user:not(.user-logged-in) nav.tabs ul li:first-child {
    border-right: 0;
 }
}
.path-user:not(.user-logged-in) nav.tabs ul li a {
  margin: 0;
  border: none;
  width: 100%;
}
.path-user:not(.user-logged-in) nav.tabs ul li a.is-active:hover {
  border: none;
}
@media (max-width: 991px) {
  .path-user:not(.user-logged-in) nav.tabs {
    width: 90%;
    margin-left: 5%;
 }
}
.path-user:not(.user-logged-in) .region-content form {
  width: 480px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  background: white;
  border: none;
  border-top: none;
}
.path-user:not(.user-logged-in) .region-content form .form-submit {
  margin-top: 15px;
  width: 100%;
  background: #004494;
  color: #fff;
}
@media (max-width: 991px) {
  .path-user:not(.user-logged-in) .region-content form {
    width: 90%;
    margin-left: 5%;
    padding: 60px 20px;
 }
}
@media (max-width: 480px) {
  .path-user:not(.user-logged-in) .region-content form {
    margin-left: 0%;
    padding: 60px 20px;
 }
}