.tiles.dropdown-menu.media-list {
  width: 430px;
  max-width: 430px;
}

.tiles.dropdown-menu.show {
  display: flex;
  gap: 15px 15px;
  flex-direction: row;
  align-content: flex-start;
  flex-wrap: wrap;
  padding: 20px 25px 15px
}




.tiles li:first-child {
  width: 100%;
  margin-bottom: 5px
}

.tiles li:last-child {
  width: 100%;
  margin-top: 5px
}



.csa-app-small-tile {
    min-width: 64px;
    min-height: 64px;
    background-color: #f5f5f5;
    border-radius: 5px;
    border: 1px solid transparent;
    cursor: pointer;
}



.tile-info .title {
  font-size: 14px;
  /*font-weight: bold;*/
  color: #777;
}

.tile-info .description {
  font-size: 12px;
  line-height: 15px;
  color: #999;
}



.centralview-tiles {
  display: flex;
  flex-direction: row;
  justify-content: end;
  color: #777;
  cursor: pointer;
}

  .centralview-tiles div:hover {
    color: rgba(0, 92, 151, 1);
    cursor: pointer;
  }




.csa-icon-image {
  width: 100%;
  height: 100%;
  opacity: 75%;
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: top 7px left 10px;
}

  .csa-icon-image:hover {
    opacity: 100%;
  }





.csa-bb-icon-image {
  background-image: url(../icon/csa-bb-icon.svg);
}

.csa-bp-icon-image {
  background-image: url(../icon/csa-bp-icon.svg);
}

.csa-cis-icon-image {
  background-image: url(../icon/csa-cis-icon.svg);
}

.csa-custpo-icon-image {
  background-image: url(../icon/csa-custpo-icon.svg);
}

.csa-fin-icon-image {
  background-image: url(../icon/csa-fin-icon.svg);
}

.csa-ivr-icon-image {
  background-image: url(../icon/csa-ivr-icon.svg);
}

.csa-mdm-icon-image {
  background-image: url(../icon/csa-mdm-icon.svg);
}

.csa-mso-icon-image {
  background-image: url(../icon/csa-mso-icon.svg);
}

.csa-oms-icon-image {
  background-image: url(../icon/csa-oms-icon.svg);
}

.csa-search-icon-image {
    background-image: url(../icon/csa-search-icon.svg);
}

.csa-fiber-icon-image {
  background-image: url(../icon/csa-fiber-icon.svg);
}

.csa-te-icon-image {
  background-image: url(../icon/csa-te-icon.svg);
}

.csa-utiligo-icon-image {
  background-image: url(../icon/csa-utiligo-icon.svg);
}

.csa-utilitrak-icon-image {
  background-image: url(../icon/csa-utilitrak-icon.svg);
}

.csa-works-icon-image {
  background-image: url(../icon/csa-works-icon.svg);
}




/*************************************************************************
 *                            UTILITY STYLES                             *
 *************************************************************************/
.grow {
  transition: all .165s ease-in-out;
}

    .grow:hover {
        transform: scale(1.12);
        background-color: #ebebeb;
        color: #005d9a;
        border-color: #c3c6c5;
    }

.shrink {
  transition: all .165s ease-in-out;
}

  .shrink:hover {
    transform: scale(.88);
  }