.bg-yellow {
  background: #ffe3b3
}

.bg-pink {
  background:#cd184f;
}

.bg-blue {
  background:#003769;
}

.bg-dark-blue {
  background:#001527;
}
h4.after-yellow {
    color: #e9e7e7;
    margin-top: 0;
    position: relative;
}
h4.after-yellow:after {
    background-color: #ffe3b3;
    content: "";
    display: inline-block;
    left: 0;
    bottom: 0;
    position: absolute;
    height: 3px;
    width: 30px;
}

.card { background-color: transparent !important; }

img.grayscale {
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: gray;
    -webkit-filter: grayscale(100%);
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.text-pink {
  color:#cd184f;
}

.text-blue {
  color:#003769;
}

ul.mainmenu li.nav-item.active a {
  color: #333 !important;
  background: #ffe3b3;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
}

.font-26{
  font-size:26px;
}

.pagination {
  white-space: nowrap;
}

#client-paginator {
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  padding: 0 15px;
}

#client-paginator li {
  display: inline-block;  
}

ul.list {
    height: auto;
    width:100%;
}
ul.list li {
    text-align:left;
    list-style: circle;
    padding:5px 0 5px 0;
    border-bottom:1px solid #dfdfdf;
}

@media(min-width: 480px){
  u.list l{
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
    }
}

@media(min-width: 768px){
  ul.list {
      -webkit-column-count: 3;
      -moz-column-count: 3;
      column-count: 3;
    }
}

@media(min-width: 992px){
  ul.list {
      -webkit-column-count: 4;
      -moz-column-count: 4;
      column-count: 4;
    }
}