body {font-family: sans-serif;}
#post_content_area{text-align: center;}
#blog_content{text-align: left;}
textarea#statustext{width: 80%; height: 40px; background: #ececec; padding: 10px; border: #FAD2D2 1px solid; border-radius: 25px; font-size: 15px; font-family: sans-serif; resize: both; overflow: auto; margin-left: 20px; vertical-align: middle;}
textarea#statustext:hover{background:#dadada;}
div.status_boxes{padding:12px;}
div.status_boxes > div{padding:8px; border:#EAF8E7 7px solid; border-radius:2%; box-shadow:5px 10px 8px #888888;}
div.status_boxes > div > b{font-size:12px;}
div.status_boxes > button{padding:5px; font-size:12px;}
#templateStatusHomeImage{vertical-align: middle; width: 7%; height: auto; border: none; border-radius: 50%; object-fit: contain; background: rgba(0, 0, 128, .7);}
#templateStatusHomeName{font-size: 20px; color: green; margin-left: 5px; vertical-align: middle;}
#templateStatusHomeButtons{font-size: 16px;}
#change-filename-button {font-size: 10px; border: solid 1px #ab0000; padding: 3px; margin-left: 20px; vertical-align: middle;}
#change-filename-button:hover {background: #D2D2EA;}
#file-upload-img {height: 15px; width: auto; vertical-align: middle; margin-right: 3px;}
#pref-image{height:30px; width:auto; vertical-align:middle; margin-right:3px;}
#alert-post-icon {height: 20px; width: auto; vertical-align: middle; margin-right: 25px;}
#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: -300px;
    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;
}
#see-post-icon {display: none; height: 20px; width: auto; vertical-align: middle; float: none;}
.likeBtn{background:none; border:#FAD2D2 2px solid; color:#0000ab; margin-bottom:5px;}
.reply-btn {border: none; background: none; font-size: 12px;}
#statusareahome {width: 80%; margin: 0 auto;}
#statusListLogin {width: 90%; margin: 0 auto;}
#media-container {text-align: center;}
.hiddenShareButtons {text-align: center; background: #ADD8E6; padding: 5px;}
.shareBtn{color:#0000ab; background:#fff; border:solid 1px #ab0000;}
.shareBtn:hover{color:#ab0000; border:solid 1px #0000ab;}
.popupCloseBtn {
    background: none;
    border: 2px solid #0000ab;
    color: #0000ab;
    padding: 3px;
}
.popupCloseBtn:hover {
    background: none;
    border: 2px solid #ab0000;
    color: #ab0000;
}
/* iPhone */
  @media only screen 
  and (min-device-width : 50px) 
  and (max-device-width : 709px){
      .mobileHide {display: none;}
      .mobileShow {display: inline;}
      #container {width: 100%!important;}
      #content-area {width: 100%!important;}
      #statusListLogin {width: 100%!important; margin-top: 75px;}
      #templateStatusHomeImage{vertical-align: middle; width: 20%; height: auto; border: none; border-radius: 50%; object-fit: contain; background: rgba(0, 0, 128, .7);}
      #templateStatusHomeName{margin-left: 5px; vertical-align: middle;}
      #change-filename-button {margin-left: 5%;}
      #file-upload-img {height: 25px; width: auto;}
      #pref-image{height:20px;}
      #statusareahome {width: 100%;}
  }