.add-to-area {
    position: fixed;
    width: 100%;
    top: auto;
    left: 0;
    background: #fff;
    height: 154px;
    border-radius: 8px;
    vertical-align: middle;
    z-index: 9999;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    right: 0;
    bottom: 44px;
    box-shadow: 0 0 5px #ddd;
    flex-direction: column;
}
.add-to {
    position: fixed;
    height: 100vh;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

button.add-to-btn.btn.btn-success {
    background: rgb(3, 159, 81)!important;
    padding: 5px 10px;
    font-size: 14px;
}
.pwaButton_area {
    padding: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}
.pwaMessages{
    padding: 10px 0;
}

.pwaButton_area a {
    color: #777;
    padding-top: 5px;
    display: block;
}
/*button.add-to-btn {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 14px;
    border-radius: 4px;
}*/
/*button.add-to-btn.btn {
    position: absolute;
    bottom: 23px;
    right: 13px;
    border: 1px solid #ddd;
}*/
.pwaContent *{
    color: #000!important;
}
.pwaContent p{
    opacity: .5;
}
.pwaMessages *{
    color: #777!important;
}
.pwa_imgarea {
    height: 80px;
    width: 80px;
}

.pwa_imgarea img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.add-to-area {
    text-align: center;
    height: auto;
    padding: 10px;
}
#android, #others{
    display: none;
}

.add-to{
    overflow-y: scroll;
}

span.fa.color-white {
    background-image: linear-gradient(to bottom, #5D9CEC, #4A89DC);
    color: #fff!important;
    border-radius: 15px;
    width: 38px;
    line-height: 38px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}