body {
  color: #323130;
  background-image: url("../img/lines.svg");	
  background-color: #E6F0FB !important;
  background-repeat: no-repeat;
}

a, a:hover, a:active, a:focus {
  color: #24234C;
  text-decoration: underline;
}

b, strong {
  font-weight: 600;
}

.middle-page {
  background-color: #fff;
  padding-top: 15px;
}

.logo img {
  width: 135px;
}

/* IDS title */
.ids-title {
  margin-top: 20px;
}

/* IDS description text */
.ids-description {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Login button Start */
.login-button-div {
  padding-bottom: 40px;
}
.login-button {
  background-color: #24234C;
  color: #fff;
  border: none;
  padding: 6px 20px;
  width: 150px;
}
.login-button > i.fa.fa-arrow-right {
  padding-left: 10px;
}
/* Login button End */

/* DIP button Start */
.dip-button-div {
  margin-top: 10px;
  padding-bottom: 20px;
}
.dip-button {
  background-color: #24234C;
  color: #fff;
  border: none;
  padding: 6px 10px;
  width: 450px;
}

/* DIP button End */

.account {
  padding-bottom: 20px;
}
.access {
  padding-bottom: 40px;
}

/* Related resources area Start */
.related-resources {
  background-color: #F3F5F8;
  border: 1px solid #F3F5F8;
  margin-bottom: 15px;
}

.related-resources-title {
  text-align: center;
  margin-top: 10px;
}

.resources-blk {
  text-align: center;
}
.resources {
  display: inline-block;
  padding-left: 27px;
  padding-right: 27px;
}

.resources p {
  margin-top: 5px;
}

.resources > img {
  width: 75px;
  height: 75px;
}	
/* Related resources area End */


/*DIP container Start EDF4FB */
.dip-container {
    display: block;
      align-items: center; /* vertically align image & text */
      gap: 16px;           /* space between image and text */
	text-align: left;
	background-color: #EDF4FB;
	border: 1px solid #F3F5F8;
    margin-bottom: 15px;
}

.dip-logo {
	float: left;
	width: 235px;
	height: auto;
	margin: 10px;
	}
/*DIP container End */

/* Footer area Start */
.footer .copy, .footer .legal {
  background-color:#24234C;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}
.footer a, .footer a:hover, .footer a:active, .footer a:focus {
  background-color:#24234C;
  color: #fff;
}
.footer a {
  text-decoration: none;
}
.footer a:hover, .footer a:active, .footer a:focus {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .footer .copy {
    padding-left: 30px;
  }
  .footer .legal {
    padding-right: 30px;
    text-align: right;
  }
}
/* Footer area End */