body{font-family:sans-serif;  background: linear-gradient(135deg, #eef9f8 0%, #9face6 100%); }
.bg{background: linear-gradient(135deg, #74ebd5 0%, #9face6 100%);}

.valign-top {
  vertical-align: top !important;
}
.text-primary{color: #18A497 !important;}
.text-warning{color: #ffc107 !important;}
.nobg{background: none !important;}
#shoutList{max-height: 300px; overflow-y: scroll;}
#shoutList a, #shoutList p{text-decoration: none; font-size: 12px;}
.emoji-btn{font-size: 14px;}
.border-none{border: none !important;}
.display-none{display: none !important;}
.nav-link{color:#f6f6f6;}
.datetext{font-size: 9px; font-style: italic; color: darkgray;}
.nav-link:hover{color: #ffffff;}
.petbody ul li{font-size: 13px; color: darkblue;}
.petbody ul li strong{color: rgb(5, 50, 155);}
.petbody ul li span{color: rgb(35, 134, 2);}
.petproperty li{text-align: left;}
#petLogList li a{text-decoration: none;}
.vip-badge {
      position:absolute;
      top:8px;
      left:8px;
      background:#01010d;
      color:#f8f406 !important;
      font-size:16px;
      padding:2px 4px;
      border-radius:4px;
      line-height:1;
      font-weight:bold;
      z-index: 100;
    }
    .invalid-feedback,.valid-feedback{position:absolute; bottom: 0; right: 0; font-weight: bold; background-color: beige; padding:3px; width: auto;}
    .filters{padding: 0; margin: 0;}
    .filters li{background-color: rgb(249, 251, 253); margin-bottom: 3px; padding: 3px;}
    .filters li:hover{background-color: rgb(53, 60, 67); margin-bottom: 3px; padding: 3px;}
    .filters li:hover a{color:#ffffff;}
    .text-decoration-none{color: rgb(1, 84, 132);}