:root{
   --error:#f50245;
}

*{ margin:0; padding:0; outline:none; font-family:'Silka'; font-weight:200; user-select:none; color:#000; box-sizing:border-box; }
body{ background:#f4f4f4; }
a{ text-decoration:none; }

.pre-wrap.loading{ width:100vw; text-align:center; }
.pre-wrap img{ margin-top:25px; }
.pre-wrap.loading img{ margin-top:calc(50vh - 70px); }
.pre-wrap #loading-msg{ font-size:10px; color:var(--error); }

.zmonitor{ text-align:center; }

.zserver-block{ width:282px; height:250px; margin:15px; padding:15px; border-radius:5px; background:#ffffff; border:solid 1px #dedede; font-size:11px; display:inline-block; vertical-align:top; text-align:left; }
.zserver-block.open .zserver-block-wrapper{ position:fixed; top:0; left:0; width:100vw; height:100vh; overflow-y:auto; overflow-x:hidden; background:rgba(255,255,255,.95); padding:25px; }
.zserver-block-name{ font-weight:bold; font-size:13px; margin:10px 0 25px 0; text-align:center; }

.zserver-block-pings{ margin-bottom:15px; }
.zserver-block-pings h3{ margin-bottom:10px; }

.zserver-ping{ margin-bottom:10px; width:120px; display:inline-block; padding:5px; text-align:center; background:#f4f4f4; border-radius:5px; cursor:pointer; }
.zserver-ping:nth-child(2n){ margin-right:10px; }
.zserver-ping-name{ font-weight:500; margin-bottom:5px; }
.zserver-ping.isUp{ background:#d6ffa0; }
.zserver-ping.isSlow{ background:#ffdea0; }
.zserver-ping.isDown{ background:#ffa0b2; }

.zserver-plugin{ margin-bottom:15px; }
.zserver-block-monitor h3{ margin-bottom:10px; }

.zserver-database-sumup, .zserver-directories-sumup{ font-weight:400; width:120px; margin:0 0 10px 0; display:inline-block; text-align:center; }
.zserver-directories-sumup{ margin-right:10px; }
.zserver-database-sumup i, .zserver-directories-sumup i{ font-size:15px; margin-right:7px; }
.zserver-database-sumup span, .zserver-directories-sumup span{ font-weight:400; }

.hidden{ display:none; }