.del_status_conf_box{text-align: center; font-size: 16px; padding: 10px; background: lightblue; border: solid 2px #ab0000;}
#lightdropdown {top: 30%; left: 30%; width: 50%; height: 500px; padding-bottom: 25px; border: 3px solid #ab0000; background-color: #fff;}
.uploadReplyImage {background: #FAD2D2!IMPORTANT; padding: 5px!IMPORTANT; border: solid 2px #ff0000!IMPORTANT;}
.popupCloseBtn {background: #fff!IMPORTANT; border: 2px solid #ab0000!IMPORTANT;}
.rowphoto {padding-bottom: 225px;}
div.reply_boxes { width: 86%; margin: 0 auto; border: lightblue 1px solid; border-radius: 3%; margin-bottom: 3px; background: #F0F8FF!IMPORTANT; color: #002060; margin-top: -15px;}
#all-comments-close-popup {width: 71%; position: fixed; background: #D3EAF5; padding: 15px; z-index: 10000;}
.reply-btn {border: none; background: none; font-size: 12px;}
.more-replies-btn {border: none; background: none; font-size: 12px;}
div.reply_to_reply_boxes {width: 64%; margin-left: 29%; border: lightblue 1px solid; border-radius: 3%; background: #E3EFFA; color: #002060; padding: 7px; margin-top: -15px;}
.reply-to-reply-form {width: 64%; margin-left: 32%; background: none; padding: 10px;}
h3 {color: #fff; text-align: center; margin-bottom: 30px;}
p {color: fff; text-align: center;}
html {scroll-padding-top: 110px;}
.tooltipuser {
    position: relative;
    display: inline-block;
    border-bottom: none;
}
.tooltipuser .tooltipusertext {
    visibility: hidden;
    font-size: 16px;
    font-family: sans-serif;
    color: #002060;
    font-weight: bold;
    border: #ab0000 7px groove;
    padding: 15px 15px 15px 15px;
    display: block;
    z-index: 100;
    background: #ADD8E6;
    left: 0px;
    margin-top: 20px;
    margin-left: -50px;
    width: 500px;
    position: absolute;
    top: 10px;
    text-decoration: none;
    text-align: center;
  /* Position the tooltip */
    position: absolute;
    z-index: 20;
}
.tooltipuser:hover .tooltipusertext {
    visibility: visible;
}
#templateStatusHomeImageHover {
    width: 175px;
    height: 175px;
    vertical-align: middle;
    border: inset #cc0000 7px;
    border-radius: 60%;
    object-fit: contain;
    background: rgba(0, 0, 128, .7);
}
#templateStatusHomeNameHover {
    font-size: 30px;
    margin-left: 10px;
}
#onOfflineStsPgs {color: #002060; margin: 20px 0px 20px 0px;}

#see-post-icon {height: 20px; width: auto; vertical-align: middle; float: none;}
#alert-post-icon {height: 20px; width: auto; vertical-align: middle;}
#getPostDiv {display: inline; float: right; margin-right: 15px;}
.tooltipfloat {
    position: relative;
    display: inline-block;
    border-bottom: none;
}

.tooltipfloat .tooltiptextfloat {
    visibility: hidden;
    font-size: 16px;
    font-family: sans-serif;
    color: #002060;
    font-weight: normal;
    border: #ab0000 2px solid;
    padding: 15px 15px 15px 15px;
    display: block;
    z-index: 100;
    background: #fff;
    left: 0px;
    margin-top: 15px;
    margin-left: -350px;
    width: 400px;
    position: absolute;
    top: 10px;
    text-decoration: none;
    text-align: center;

  /* Position the tooltipfloat */
    position: absolute;
    z-index: 20;
}

.tooltipfloat:hover .tooltiptextfloat {
    visibility: visible;
}

/* iPhone */
  @media only screen 
  and (min-device-width : 50px) 
  and (max-device-width : 709px){
      .mobileHide {display: none;}
      .mobileShow {display: inline;}
      .del_status_conf_box{font-size: 30px;}
      .likeBtn {font-size: 30px;}
      .dislikeBtn {font-size: 30px;}
      .more-replies-btn {font-size: 20px!IMPORTANT;}
      .all-replies-btn {font-size: 20px!IMPORTANT;}
      .reply-btn {font-size: 20px!IMPORTANT;}
      .reply-to-reply-form {margin: 0; width: 100%;}
  }