:root {
      --sw-orange: #ff5d00;
    }

    body {
      background: url("partner-portal-login-bg.png") no-repeat top center;
      background-size: cover;
    }

    .btn-orange {
      border: 2px solid var(--sw-orange);
      font-weight: bold;
      text-transform: uppercase;
      padding: 10px 25px;
    }

    .btn-orange:hover,
    .btn-orange:focus {
      background-color: var(--sw-orange);
      border: 2px solid transparent;
      color: white;
    }

    .portal-signin {
      margin: 0 auto;
      width: 100%;
      max-width: 700px;
    }

    .portal-signin .sw-logo {
      width: 100%;
      max-width: 200px;
      display: block;
    }

    .portal-signin .sf-logo {
      width: 100%;
      max-width: 100px;
      display: block;
    }

    .portal-signin form {
      width: 100%;
    }

    .portal-signin .logo-container {
      display: flex;
      margin-bottom: 40px;
      justify-content: center;
      align-items: center;
    }

    .portal-signin .logo-container .sonicwall-logo {
      width: 100%;
      max-width: 200px;
      margin-right: 30px;
      display: block;
    }

    .portal-signin .logo-container .securefirst-logo {
      width: 100%;
      max-width: 70px;
      display: block;
    }

    .portal-signin p {
      color: #666666;
    }

    .portal-signin .signin-link {
      color: #666666;
      text-decoration: none;
    }

    .portal-signin .signin-link:hover {
      text-decoration: underline;
    }

    .sw-orange {
      color: var(--sw-orange);
    }

    .portal-signin label path {
      fill: #666666;
    }

    .portal-signin label {
      color: #666666;
    }

    .link-separate {
      display: inline-block;
      margin: 0 5px;
      color: #666666;
    }