body {

  font-family: 'Nunito', Helvetica, Arial, Lucida, sans-serif;

  font-weight: 600;

  color: #ffffff !important;

  letter-spacing: 1px;

  line-height: 1.2em;

  background: url(../images/bg11.png) no-repeat center center fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

html,
body,
.container-table {

  height: 100%;

}

.vertical-center-row {

  display: table-cell;

  vertical-align: middle;

}

.main-box {

  width: 100%;

  margin: 2% 0px;

  -webkit-box-shadow: -4px 4px 5px 0px rgba(189, 189, 189, 1);

  -moz-box-shadow: -4px 4px 5px 0px rgba(189, 189, 189, 1);

  box-shadow: -4px 4px 5px 0px rgba(189, 189, 189, 1);

  background: url(../images/bg10.png) no-repeat center center fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

.container-table {

  display: table;

}

.left-column {

  background: #1a1930;

  border-top-left-radius: 5px;

}

.left-column input {}

.right-column {

  background: rgb(26, 27, 47);

  background: linear-gradient(-45deg, rgba(26, 27, 47, 0.8) 32%, rgba(255, 255, 255, 0.1) 100%);

  color: white;

  border-top-right-radius: 5px;

}

.logo {

  margin-bottom: 20px;
  max-width: 350px;

}

label {

  color: grey;

}

.or-line-text {

  z-index: 1000;

  display: inline-block;

  background: white;

  padding: 0px 5px;

}

.or-line {

  margin-top: -10px;

  z-index: -10;

}

.alert p {

  padding: 0px;

  margin: 0px;

}

.announcement-login-image {

  max-height: 30%;

}

.form-check {

  padding-left: 0px !important;

}

.oops-page-heading {

  color: black;
  margin-top: 25%;

}

.internal-account-exist-heading {

  color: black;
  margin-top: 25%;

}

.display-none-class {

  display: none;

}

.result-action-page {

  color: black;
  margin-top: 15%;

}