.btn-socimage .btn-text {
  text-align: center;
  padding: 10px;
}

.login-form {
  background-color: #e8e8e8;
  padding: 30px;
  box-shadow: 7px 7px 0 0 rgba(0,0,0,.2);
}

.default-login #login input {
  background-color: #fff;
}

.login-form-submit .btn-primary {
  width: 100%;
}

h2[name='spaccount'] {
  font-size: 1rem;
  padding-top: 10px;
  color: #666666;
}
.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px ;
  margin-right: 23px;
  margin-bottom: 8px;
}
.arrowsp {
  border: solid #666666;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  margin-right: 23px;
  margin-bottom: 8px;
  font-size: 2em;
  vertical-align: -20%;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.btn.btn-socimage.btn-Student.Sign.On {
  background-color: #1ecdd3;
  border: none;
}

.btn.btn-socimage.btn-Student.Sign.On:hover {
  background-color: #3aaeb3;
  border: none;
}

.btn.btn-socimage.btn-Staff.Sign.On {
  background-color: #8963BA;
  border: none;
}

.btn.btn-socimage.btn-Staff.Sign.On:hover {
  background-color: #794eb1;
  border: none;
}

#loginbtn {
  background-color: #72cbcf;
  border: none;
}

#loginbtn:hover {
  background-color: #54bfc4;
  border: none;
}