ul {
  list-style: none;
}

.border-color-table {
  border: 1px solid #C5CAFF;
}

.b-right {
  border-right: 1px solid #C5CAFF;
}

.b-left {
  border-left: 1px solid #C5CAFF;
}

.b-top {
  border-top: 1px solid #C5CAFF;
}

.b-bottom {
  border-bottom: 2px solid #C5CAFF;
}

.border-radius {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.br-right {
  border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
}

.br-left {
  border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
}

.item-title {
  padding: 5px 10px 11px 10px;
  background-color: #C5CAFF;
  border: 1px solid #fff;
}

.container-flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  align-items: center;
  padding: 0 10px;
  gap: 12px;
}

.container-flex div {
  margin: 12px 0;
  max-width: 170px;
}

.bg-theme {
  background-color: #0C1A3E;
  color: #fff;
}

.header-title {
  margin: 15px 0;
}

.header-title h2,
.header-title h3 {
  display: inline-block;
  width: 130px;
  padding: 5px;
}

.header-title h3 {
  font-size: 2.2rem;
  padding-bottom: 0;
}

.header-title h2 {
  font-size: 1.4rem;
  padding: 7px 10px 10px 10px;
  background-color: #344B9D;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}