body,html {
          font-family: 'proxima-nova',sans-serif;
          color: #4F5255;
          font-weight: 400;
          font-size: 16px;
          line-height: 25px;
          margin: 0;
          padding: 0;
       }

       form {
         margin-bottom: 20px;
       }

       #outer_container {
         width: 100%;
         height: 100%;
         background: #001D26;
         background-image: url("https://public-au.learningplatform.app/platform/static/images/worldwide.svg");
         background-image: url("https://public-au.learningplatform.app/platform/static/images/worldwide.svg"), linear-gradient(139.4deg, #001D26 0%, #00BFFF 100%);
         background-repeat: no-repeat;
         background-size: auto 100%;
         position: relative;
       }
       #inner_container {
         width: 340px;
         height: auto;
         padding: 20px;
 
         box-sizing: border-box;

         opacity: 1;

         position: absolute;
         top: 50%;
         left: 50%;

         margin: -210px 0 0 -170px;
         text-align: center;

         border-radius: 4px;
         background-color: #23272B;
         box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);

       }
       @media (max-width: 340px) {
         #inner_container {
           width: 300px;
           margin: -210px 0 0 -150px;
           padding: 10px;
         }
       }
       #inner_container img {
         opacity: 1;
         width: 187px;
         height: 77px;
         margin-bottom: 24px;
         margin-top: 22px;
       }
       #inner_container input:-webkit-autofill::first-line {font-size: 16px}
       #inner_container input-webkit-autofill, #inner_container input:-webkit-autofill:focus {
          -webkit-box-shadow: 0 0 0 1000px #393D40 inset;
          -webkit-text-fill-color: white;
       }
       #inner_container input {
         font-family: 'proxima-nova',sans-serif;
         font-size: 16px;
         width: 280px;
         height: 48px;
         color: white;
         background: #393D40;
         border: 2px solid #393D40;
         border-radius: 2px;
         padding: 5px;
         margin-top: 10px;
       }
       #inner_container .forgotten_container {
         margin-top: 2px;
       }
       #inner_container #forgottenText {
         color: #D3D4D5;
         font-size: 12px;
         line-height: 14px;
         letter-spacing: 0.28px;
         margin-bottom: 10px; 
       }
       #inner_container #forgottenText H3 {
         text-transform: uppercase;
         font-weight: 400;
         margin-top: 0px;
         margin-bottom: 5px;
       }
       #inner_container input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
         color: #D2D6D9;
       }
       #inner_container input::-moz-placeholder { /* Firefox 19+ */
         color: #D2D6D9;
       }
       #inner_container input:-ms-input-placeholder { /* IE 10+ */
         color: #D2D6D9;
       }
       #inner_container input:-moz-placeholder { /* Firefox 18- */
         color: #D2D6D9;
       }
       #inner_container input.text_input {
         padding-left: 40px;
         position: relative;
       }
       #inner_container input:focus {
         border: 2px solid #23AAEA;
       }
       #inner_container .field_container.error input {
         border: 2px solid #FF6633;
       }
       #inner_container .input_icon {
         position: absolute;
         color: white;
         top: 22px;
         left: 13px;
       }
       #inner_container .text_input:focus + .input_icon {
         color: #23AAEA;
       }
       #inner_container .field_container.error .input_icon {
         color: #FF6633;
       }
       #inner_container input[type=submit], #inner_container input[type=button] {
         font-family: 'proxima-nova',sans-serif;
         -webkit-appearance: none;
         background-color: #007AB8;
         border-radius: 8px;
         border: 0;

         width: 280px;
         height: 48px;

         font-size: 13px;
         letter-spacing: 1.5px;
         font-weight: 700;
         line-height: 16px;
         text-transform: uppercase;
         margin-top: 15px;

         cursor: pointer;
       }
       #inner_container input[type=submit]:hover, #inner_container input[type=button]:hover {
         background-color: #005F8D;
       }
       #inner_container button.btn {
         font-family: 'proxima-nova',sans-serif;
         -webkit-appearance: none;
         background-color: #007AB8;
         color: white;
         border-radius: 8px;
         border: 0;

         width: 280px;
         height: 48px;

         font-size: 13px;
         letter-spacing: 1.5px;
         font-weight: 700;
         line-height: 16px;
         text-transform: uppercase;
         margin-top: 15px;

         cursor: pointer;
       }
       #inner_container button.btn:hover {
         background-color: #005F8D;
       }
       #inner_container button.btn.btn-inactive {
         color: #7B7D80;
         background-color: #D3D4D5;
         border: 2px solid #D3D4D5;
         cursor: default;
       }
       #inner_container button.btn.btn-inactive:hover {
         background-color: #D3D4D5;
       }
       #inner_container input#Individual__email {
         margin-bottom: 5px;
       }
       footer {
         position: fixed;
         bottom: 0px;
         width: 100%;
         text-align: center;
         height: auto;
         line-height: 30px;
         opacity: 1;
         background-color: #23272B;
         color: white;
         font-size: 10px;
         letter-spacing: 0.19px;
       }
       footer div {
         display: inline-block;
       }
       #error_text {
         color: #FF6633;
         font-size: 14px;
         line-height: 22px;
         margin-left: 40px;
         margin-right: 40px;
       }
       .forgotten_container {
         display: inline-block;
         width: 280px;
         text-align: right;
       }
       .forgotten_container a {
         text-decoration: none;
         color: #BDBEBF;
         font-weight: 400;
         font-size: 14px;
         line-height: 24px;
       }
       .forgotten_container a:hover {
         text-decoration: underline;
         color: white;
       }
       .ssologin_container {
         display: inline-block;
         width: 280px;
         text-align: center;
       }
       .ssologin_container a {
         text-decoration: none;
         color: #BDBEBF;
         font-weight: 400;
         font-size: 14px;
         line-height: 24px;
       }
       .ssologin_container a:hover {
         text-decoration: underline;
         color: white;
       }
       footer a {
         color: #D2D6D9;
         text-decoration: none;
       }
       footer a:hover {
         color: white;
         text-decoration: underline;
       }
       input:-webkit-autofill {
           background-color: #393D40;
           //-webkit-box-shadow: 0 0 0 30px rgb(77, 89, 101) inset;
           -webkit-box-shadow: 0 0 0 30px #393D40 inset;
       }
       input:-webkit-autofill {
           -webkit-text-fill-color: white !important;
       }
       .login_text {
	       color: white;
	       padding: 0px 10px;
       }
       .login_text hr {
	       color: #4D5965;
	       background: #4D5965;
	       height: 1px;
	       border: none;
       }
       .login_text .login_text_header {
	       font-size: 18px;
	       line-height: 23.5px;
           letter-spacing: 1px;
	       font-weight: 700;
	       margin-bottom: 15px;
       }
       .login_text .login_text_intro {
	       font-size: 14px;
	       line-height: 22px;
	       font-weight: 400;
	       margin-bottom: 10px;
       }
       .login_text .login_text_main, .login_text table {
	       text-align: left;
	       color: white;
	       font-size: 13px;
	       line-height: 20px;
       }
       .login_text_header h1 {
           font-size: 18px;
           font-weight: 700;
       }
       .login_label {
           color: white;
           font-size: 14px;
           line-height: 24px;
       }