@keyframes mysnow {
  0% {
    bottom: 100%;
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: rotate(1080deg);
  }

  100% {
    transform: rotate(0deg);
    opacity: 0;
    bottom: 0;
  }
}

@keyframes mysnow {
  0% {
    bottom: 100%;
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: rotate(1080deg);
  }

  100% {
    transform: rotate(0deg);
    opacity: 0;
    bottom: 0;
  }
}

@keyframes mysnow {
  0% {
    bottom: 100%;
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: rotate(1080deg);
  }

  100% {
    transform: rotate(0deg);
    opacity: 0;
    bottom: 0;
  }
}

@keyframes mysnow {
  0% {
    bottom: 100%;
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: rotate(1080deg);
  }

  100% {
    transform: rotate(0deg);
    opacity: 0;
    bottom: 0;
  }
}

@keyframes mysnow {
  0% {
    bottom: 100%;
    opacity: 0;
  }

  50% {
    opacity: 1;
    transform: rotate(1080deg);
  }

  100% {
    transform: rotate(0deg);
    opacity: 0;
    bottom: 0;
  }
}

.roll {
  position: absolute;
  opacity: 0;
  animation: mysnow 5s;
  animation: mysnow 5s;
  animation: mysnow 5s;
  animation: mysnow 5s;
  animation: mysnow 5s;
  height: 80px;
}

.div {
  position: fixed;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.progress-green .progress-bar {
  background-color: #f0231b;
}

.progress-green {
  background-color: #000;
}

.progress-green .progress-bar {
  background-color: #ff0a00;
}

.page-orange .ui-content-header {
  background-image: url(/theme/tabler/css/images/bg/amber.jpg);
}

.content-heading {
  font-weight: 300;
  color: #fff;
}

.reset-invitelink {
  margin-left: 1em;
}

.enable-flag {
  color: #383838;
}

.node-icon {
  color: #ff9000;
}

.node-alive {
  color: #474747;
}

.node-load,
.node-mothed {
  color: #525252;
}

.node-band {
  color: #525252;
}

.node-tr {
  color: #525252;
}

.node-type {
  color: #525252;
}

.usercheck {
  text-align: center;
  width: 100%;
}

.btn-dl {
  border-radius: 8px;
  padding: 3px 12px 3px 10px;
  margin-left: 8px;
  margin-right: 8px;
  background: #f5f5f5;
  font-size: 13px;
  border: 1px solid #f5f5f5;
}

.btn-dl i {
  font-size: 22px;
  position: relative;
  top: 6px;
  right: 2px;
}

.btn-dl i.icon-sm {
  font-size: 18px;
  top: 4px;
}

.quickadd p {
  line-height: 22px;
}

a.btn-dl:focus,
a.btn-dl:visited {
  text-decoration: none;
}

.btn-dl:hover {
  box-shadow: 2px 2px 10px #d6d6d6;
  transition: 0.4s all;
  border: 1px solid #b7b7b7;
  text-decoration: none;
}

.copy-text {
  cursor: pointer;
}

.progressbar {
  position: relative;
  display: block;
  width: 100%;
  height: 20px;
  border-bottom: 1px solid rgb(255 255 255 / 25%);
  border-radius: 16px;
  margin: 40px auto;
  margin-top: 40px;
}

.progressbar:first-of-type {
  margin-top: 60px;
}

.progressbar .before {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% + 4px);
  height: 20px;
  left: -2px;
  right: 1px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 2px 0 rgb(180 180 180 / 85%);
  border: 1px solid rgb(222 222 222 / 80%);
}

.progressbar .bar {
  position: absolute;
  display: block;
  width: 0;
  height: 16px;
  top: 2px;
  left: 0;
  background: rgb(126 234 25);
  border-radius: 16px;
  box-shadow: 0 0 12px 0 rgb(126 234 25 / 100%), inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
  overflow: hidden;
}

.progressbar .label .bar {
  position: relative;
  display: inline-block;
  top: 12%;
  left: 0;
  margin-right: 5px;
  width: 16px;
}

.progressbar .label .bar.color {
  box-shadow: 0 0 5px 0 rgb(126 234 25 / 100%), inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
}

.progressbar .label .bar.color2 {
  box-shadow: 0 0 5px 0 rgb(229 195 25 / 100%), inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
}

.progressbar .label .bar.color3 {
  box-shadow: 0 0 5px 0 rgb(232 25 87 / 100%), inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
}

.progressbar .label .bar.color4 {
  box-shadow: 0 0 5px 0 rgb(24 109 226 / 100%), inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
}

.progressbar .bar.color2 {
  background: rgb(229 195 25);
  box-shadow: 0 0 12px 0 rgb(229 195 25 / 100%), inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
}

.progressbar .bar.color3 {
  background: rgb(255 104 149);
  box-shadow: 0 0 7px 0 rgb(232 25 87 / 100%), 0 1px 0 0 rgb(255 255 255 / 45%), 1px 0 0 0 rgb(255 255 255 / 25%), -1px 0 0 0 rgb(255 255 255 / 25%);
}

.progressbar .bar.color4 {
  background: rgb(24 109 226);
  box-shadow: 0 0 12px 0 rgb(24 109 226 / 100%), inset 0 1px 0 0 rgb(255 255 255 / 45%), inset 1px 0 0 0 rgb(255 255 255 / 25%), inset -1px 0 0 0 rgb(255 255 255 / 25%);
}

.progressbar .bar::before {
  position: absolute;
  display: block;
  content: "";
  width: 606px;
  height: 150%;
  top: -25%;
  left: -25px;

  /* background:-moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.01) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
	background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.35)), color-stop(50%,rgba(255,255,255,0.01)), color-stop(51%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
	background:-webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
	background:-o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
	background:-ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
	background:radial-gradient(ellipse at center,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.01) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%); */
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#59ffffff", endColorstr="#00ffffff", GradientType=1);
}

.progressbar .bar::after {
  position: absolute;
  display: block;
  content: "";
  width: 64px;
  height: 16px;
  right: 0;
  top: 0;
  border-radius: 0 16px 16px 0;

  /* background:-moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 98%, rgba(255,255,255,0) 100%);
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(98%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0)));
	background:-webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);
	background:-o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);
	background:-ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%);
	background:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 98%,rgba(255,255,255,0) 100%); */
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00ffffff", endColorstr="#00ffffff", GradientType=1);
}

.progressbar .bar span {
  position: absolute;
  display: block;
  width: 100%;
  height: 64px;
  border-radius: 16px;
  border-radius: 16px;
  top: 0;
  left: 0;
  background: url(/theme/tabler/images/users/trafficbar.png) 0 0;
  animation: sparkle 1500ms linear infinite;
  animation: sparkle 1500ms linear infinite;
  animation: sparkle 1500ms linear infinite;
  animation: sparkle 1500ms linear infinite;
  opacity: 0.4;
}

.label.la-top code,
.progressbar .label {
  display: flex;
  align-items: center;
}

.progressbar .label {
  font-family: Aldrich, sans-serif;
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 30px;
  bottom: 40px;
  left: 0;
  background: rgb(255 255 255);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#262626", GradientType=0);
  font-weight: bold;
  font-size: 12px;
  color: #515a6e;
  filter: dropshadow(color=#000000, offx=0, offy=-1);
}

.label.la-top code {
  position: absolute;
  right: 0;
  top: 6px;
}

.traffic-info {
  margin-top: 6px;
}
