.status{position:relative;display:inline-block;width:15px;height:15px;border-radius:50%;margin:10px}
.status.operational,.status.operational:before{background:#72ff7d}
.status.majoroutage,.status.majoroutage:before{background:#ff4242}
.status.maintenance,.status.maintenance:before{background:#42e5ff}
.status.degradedperformance,.status.degradedperformance:before{background:#ffda72}
.status.partialoutage,.status.partialoutage:before{background:#ffa500}
.status:before{content:"";display:block;position:absolute;left:-5px;top:-5px;width:25px;height:25px;border-radius:50%;animation:pulse 1.5s infinite ease-in}
.status-container{max-width:201px;line-height:1.4;font-family:"Poppins",sans-serif;font-size:18px;font-weight:400;color:#fff;transition:max-height 0.5s ease;max-height:49px;overflow:hidden;align-items:flex-start;justify-content:center;flex-direction:column;border:1px solid #fff;border-radius:25px;gap:5px;top:25px;padding:5px 10px 5px 5px}
.status-container .status-content{display:flex;justify-content:center;align-items:center;max-width:190px;color:#fff}
@media (max-width:992px){.status-container .status-content{color:#000}}
.status-container .dropdown-content{display:none}
.status-container .dropdown-content a{color:#fff}
@media (max-width:992px){.status-container{font-size:14px;max-height:41px;padding:2px;align-items:center;max-width:170px;color:#000;border:1px solid #000}}
@media (min-width:992px){.status-container{position:fixed;left:80%;max-width:201px}}
.status-container:hover{max-height:400px}
@media (min-width:992px){.status-container:hover{background-color:#000;z-index:3;max-width:201px}}
.status-container:hover .dropdown-content{display:flex;flex-direction:column;justify-content:center;font-size:13px;font-weight:400;align-items:center;text-align:center}
@media (min-width:992px){.status-container:hover .status-content{max-width:185px}}
.status{position:relative;display:inline-block;width:15px;height:15px;border-radius:50%;margin:10px}
.status.online,.status.online:before{background:#72ff7d}
.status.offline,.status.offline:before{background:#ff4242}
.status.invisible,.status.invisible:before{background:#42e5ff}
.status.idle,.status.idle:before{background:#ffda72}
.status:before{content:"";display:block;position:absolute;left:-5px;top:-5px;width:25px;height:25px;border-radius:50%;animation:pulse 1.5s infinite ease-in}
@keyframes pulse{from{transform:scale(0.5);opacity:1}to{transform:scale(1.5);opacity:0}}