BODY {background: #7e6bc4}
A:link {color: #beb4e1}
A:visited {color: #beb4e1}
H1 {font-size: 24pt; font-family: arial; color: #5f48b4;}
H2 {font-size: 18pt; font-family: arial; color: #5f48b4;}
H3 {font-size: 14pt; font-family: arial; color: #5f48b4;}   

input:focus {
    background-color: #beb4e1;
} 

/* CLEAR DIV */

.clear-div {
  clear: both;
  visibility: hidden;
  content: ".";
}

/* LOGIN PAGE CSS */

.loginpagetitle-txt {
  font-size: 32pt; 
  font-family: arial; 
  color: #ffffff;
  font-weight: 400;
}

.loginpage-txt {
  font-family: verdana;
  font-size: 14pt;
  line-height: 24pt;
  font-weight: 500;
  color: #e6e6e6;
}

.loginpageform-txt {
  font-family: verdana;
  font-size: 14pt;
  line-height: 24pt;
  font-weight: 600;
  color: #e6e6e6;
}

.loginpageformbox-txt {
  font-family: verdana;
  font-size: 14pt;
  line-height: 24pt;
  font-weight: 400;
  color: #000000;  
  width: 100%; 
  padding: 5px;
  box-sizing: border-box;
  border: 2px #5f48b4 solid;
  border-radius: 4px;
}

.login-error-txt {
  font-family: verdana;
  font-size: 14pt;
  line-height: 24pt;
  font-weight: 400;
  color: #e6e6e6;
}

.login-error600-txt {
  font-family: verdana;
  font-size: 18pt;
  line-height: 24pt;
  font-weight: 600;
  color: #ffff00;
} 

/* LOGIN PAGE DIVS */

.loginpage-div {
  width: 95%;
  padding: 2%;
  margin: 0 auto;
}

.loginpagec-div {
  text-align: center;
  width: 100%; 
}

.loginpageimage-div {
    width:100%; 
}

@media (min-width:960px) {
  .loginpageimage-div {
    float: left;
    width:60%; 
  }
}

.loginpagespace-div {
  display:none;
}


@media (min-width:960px) {
  .loginpagespace-div {
    float: left;
    width:9%; 
    visibility: hidden;
    content: ".";
  }
}

.loginpageaccess-div {
    width:100%; 
    border: 1px #5f48b4 solid;
    padding: 2%;
    text-align: left;
}

@media (min-width:960px) {
  .loginpageaccess-div {
    float: left;
    width:30%; 
    border: 1px #5f48b4 solid;
    padding: 2%;
    text-align: left;
  }
}