body {
    margin-top: 20px;
    background-color: #fff;
}

.avatar.avatar-xl {
    width: 2rem;
    height: 2rem;
}

.avatar {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    display: inline-block;
    background: #ced4da no-repeat center/cover;
    position: relative;
    text-align: center;
    color: #868e96;
    font-weight: 600;
    vertical-align: bottom;
    opacity: 0.5;

}

.avatar.active {
    border: 1px solid blue;
    opacity: unset;
}

.card-text.active {
    color: blue;
}

.kids-list {
    display: flex;
    margin-bottom: 15px;
    justify-content: center;
    /*overflow: auto;
    white-space: nowrap;*/
}

.navbar {
    width: 100%;
    background-color: white;
    overflow: auto;
    padding: 0.5rem 0rem;
}

.navbar a {
    float: left;
    padding: 7px;
    color: black;
    text-decoration: none;
    font-size: 14px;
}

.navbar a:hover {
    background-color: aliceblue;
}

.navbar .active {
    background-color: aliceblue;
}

.kids-list a {
    color: unset;
    padding-left: 12px;
}

.app-list {
    /*max-height: 90%;
    overflow-y: scroll;*/
}

.app-list li {
    margin: 5px;
    border-radius: 15px;
}

.list-group-item:first-child,
.list-group-item:last-child {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

a {
    color: unset;
}
.app-listing-copy {
    overflow: auto;
    white-space: nowrap;
}
#product-directory {
    padding: unset;
    box-sizing: border-box;
}
#product-directory li {
    list-style: none;
    box-sizing: border-box;
    width: auto;
    position: relative;
    align-content: center;
    display: inline-block;
    vertical-align: top;
}
#product-directory li img {
    max-width: 65%;
    height: 50px;
    margin: 0 auto;
    position: relative;
    align-self: center;
    margin: 0 auto;
    display: block;
    border-radius: 10px;
}
.app-listing-text {
    width: 135px !important;
    word-wrap: break-word !important;
    white-space: normal;
}
.badge-icon {
    position: absolute;
    top: 0px;
    right: 25px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #f1c7c5;
    border-radius: 5px;
    font-size: 14px;
}
.device-blocks{
    border: 1px solid;
    padding: 6px;
    margin-bottom: 8px;
}
.app-icon {
    height: 15px;
}
.fs-12{
    font-size: 16px !important;
    font-weight: 400;
    color: mediumblue !important;
  }

.scroll-it {
    overflow-y: auto;
    height: 500px;
}