@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

#content3 a, #content3 a:hover, #content3 a:visited {
  color: #00115f;
  text-decoration: none;
}

div#returncustserv a, div#returncustserv a:hover, div#returncustserv a:visited {
  color: #00115f;
  text-decoration: none;
}

.active {
  background: #101f2c !important;
}

.sidebar-links-header {
  color: black;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: bold;
}

.sidebar-links {
  max-width: 300px;
  width: 100%;
}

.link {
  background: none;
  border: none;
  color: #000;
  cursor: pointer;
  font-size: 16px;
  margin: 1px;
  padding: 5px 15px;
}

.link:hover > a {
  background: #fff;   
  color: #00a7eb;
  cursor: pointer;
  font-size: 16px;
}

.link:hover {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  margin: 1px;
}

.link a {
  font-weight: bold;
  text-decoration:none;
  color: #000;
  display: block;
}

.link a:hover {
  color: #00a7eb;
  display: block;
}

.link2 {
  font-weight: bold;
  background: #000000;
  border: 1px solid #ddd;
  color: #ffffff;
  font-size: 16px;
  margin: 1px;
  padding: 10px 15px;
  cursor: default;
}

.link2 a {
  color: #fff;
  text-decoration: none;
}

ul ul {
  margin: initial;
  font-size: initial;
}

.validation li {
  margin: 0;
  line-height: 1.5;
}

#newval {
  display: flex;
  justify-content: center;
}

#newval ul {
  margin: 15 0;
}

@media only screen and (max-width: 812px) {
span#content2 {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
span#content3 {
  margin: 0;
  width: 100%;
}
div#content4 {
  width: 100%;
}
.sidebar-links {
  max-width: 100%;
}
}