/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

}
*/

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
  display: inline-block;
  font-family: inherit;
  border-radius: 0.42rem 0.42rem 0.42rem 0.42rem;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .5px;
  text-decoration: none;
  outline: none;
  padding: 12px 18px;
  position: relative;
  text-transform: uppercase;
  background-color: #02025b;
  border-color: #02025b;
  border-width: 1px;
  border-style: solid;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 6px;
  outline: none;
  line-height: 14px;
  cursor: pointer;
}

.list-colored li a {
  color: #9aa0a6; }

.list-legend li span {
  background-color: #9aa0a6; }

.list-icon.list-icon-colored li:before, .list-icon.icon-list-colored i {
  color: #9aa0a6; }

.list-group-item.active {
  background-color: #9aa0a6;
  border: #9aa0a6; }