.login-master {
  background-color: white; }
  .login-master .top.bar {
    display: none; }
  .login-master .bottom {
    display: none; }
  .login-master .login-background {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 580px, rgba(0, 0, 0, 0.3) 670px, rgba(0, 0, 0, 0.3) 750px, rgba(0, 0, 0, 0.45) 920px, transparent 1220px), url("/Content/Images/Sensorer.jpg");
    background-position-y: -320pt;
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 2200px auto;
    margin: 0;
    overflow-x: hidden; }
  .login-master .page-intro-header {
    margin-block-start: 120px; }
  @media (max-width: 1600px) {
    .login-master .login-background {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 450px, rgba(0, 0, 0, 0.2) 550px, rgba(0, 0, 0, 0.2) 600px, rgba(0, 0, 0, 0.5) 700px), url("/Content/Images/Sensorer.jpg");
      background-position-y: -210pt;
      background-repeat: no-repeat;
      background-position-x: center;
      background-size: 1600px auto;
      margin: 0;
      overflow-x: hidden; }
    .login-master .page-intro-header {
      margin-block-start: 84px; } }
  .login-master .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px; }
  @media (min-width:768px) {
    .login-master .login-background > .container {
      width: 750px; } }
  @media (min-width:992px) {
    .login-master .arrow-top:before {
      border-top: 200px solid transparent; }
    .login-master .login-background > .container {
      width: 970px; } }
  @media (min-width:1200px) {
    .login-master .login-background > .container {
      width: 970px; } }
  .login-master .login-content {
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.8px;
    text-align: center;
    margin-bottom: -100px; }
    .login-master .login-content a {
      color: #00a0af;
      font-size: 10px;
      letter-spacing: 2px;
      text-decoration: underline; }
  .login-master .ingress {
    font-size: 18px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 22px; }
  .login-master h1 {
    font-family: 'PT Serif', serif;
    color: white;
    font-weight: 700;
    font-size: 44px;
    text-align: center; }
  .login-master .subsea-logo-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 24px; }
  .login-master .signin-body {
    margin-top: 60px;
    position: relative;
    z-index: 1000; }
  .login-master .signin-body input {
    border: 1px solid white;
    padding: 8px;
    color: white;
    background-color: transparent;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    outline: none; }
  .login-master .signin-body button {
    background-color: #f3776f;
    letter-spacing: 1.5px;
    color: white;
    border: 0;
    font-size: 10px;
    margin-bottom: 15px;
    cursor: pointer; }
  .login-master input::placeholder {
    font-size: 10px;
    color: #ddd;
    letter-spacing: 1.5px; }
  .login-master .box-sizing {
    width: 222px;
    height: 40px; }
  .login-master .input-box-sizing {
    width: 222px; }
  .login-master .arrow-top, .login-master .arrow-bottom {
    position: relative; }
  .login-master .arrow-top:before {
    pointer-events: none;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    margin-bottom: -1px;
    bottom: 100%;
    border-left: 50vw solid #fff;
    border-right: 50vw solid #fff;
    border-top: 15vw solid transparent; }
  .login-master .dummy-margins {
    margin-top: 200px; }
  .login-master .logout-btn-container {
    text-align: right; }
  .login-master .logout-btn-container button {
    background-color: #f3776f;
    letter-spacing: 1.5px;
    color: white;
    border: 0;
    font-size: 10px;
    margin-bottom: 15px;
    cursor: pointer; }