@font-face {
      font-family: 'Myriad Pro Semibold';
      font-style: normal;
      font-weight: normal;
      src: local('Myriad Pro Semibold'), url('/utils/sa/assets/fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
    }
    @font-face {
      font-family: 'Myriad Pro Regular';
      font-style: normal;
      font-weight: normal;
      src: local('Myriad Pro Regular'), url('/utils/sa/assets/fonts/MYRIADPRO-REGULAR.woff') format('woff');
    }
    body {
      font-family: "Myriad Pro Regular", sans-serif;
      color: #303030;
      background-color: #4599d9;
    }
    .generalloginbox {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 50%;
      max-width: 800px;
      margin: auto;
      text-align: center;
      background-color: #ffffff;
      padding: 0 0 20px 0;
    }
    .loginerrormsg {
      color: #ffffff;
      background-color: red;
      font-family: "Myriad Pro Semibold", sans-serif;
      font-size: 20px;
      padding: 20px;
    }
    .generalloginbox h1 {
      font-family: "Myriad Pro Semibold", sans-serif;
      color: #000000;
      font-size: 30px;
      font-weight: normal;
      margin-top: 10px;
      margin-bottom: 30px;
    }
    .generalloginbox h3 {
      color: #000000;
      font-size: 18px;
      font-weight: normal;
      margin-bottom: 40px;
    }
    a {
      color: #2766c5; 
    }
    .loginimage {
      margin: 50px auto 30px auto;
      width: 50%;
      text-align; center;
    }
    .loginformbox {
      width: 50%;
      margin: auto;
      text-align: left;
    }
    .loginformbox label {
      display: block;
      font-size: 24px;
      margin-top: 20px;
    }
    .loginformbox input {
      display: block;
      font-size: 20px;
      margin: 5px 0;
      padding: 10px;
      width: 100%;
      box-sizing: border-box;
      border-radius: 5px;
      outline: none;
      box-shadow: none;
      border: 1px solid #4d4d4d;
    }
    .vuspexbutton {
      border: 1px solid #2766c5 !important; 
      color: #2766c5; 
      background-color: #ffffff; 
      padding: 15px 0 !important; 
      margin: 50px 0 !important; 
      width: 100% !important;
    }
    .vuspexbutton:hover {
      color: #ffffff !important;
      background-color: #2766c5 !important;
      cursor: pointer;
    }
    .flashlink {
      color: #ffffff;
    }
    @media all and (max-width: 1280px) and (min-width: 800px) {
      .generalloginbox {
        width: 66%;
        max-width: none;
      }
    }
    @media all and (max-width: 800px) {
      .generalloginbox {
        width: 100%;
      }
      .loginimage {
        margin: 50px auto 30px auto;
        width: 66%;
        text-align; center;
      }
      .loginformbox {
        width: 80%;
      }
    }