.spam-master-admin-hr{
  background: url(images/techgasp-hr.png) repeat-x;
  height: 10px;
}
.spam-master-admin-img{
  float: left;
  height: 18px;
  vertical-align: middle;
}
.spam-master-admin-img-20{
  float: left;
  width: 20px;
  vertical-align: middle;
}
.spam-master-admin-logo{
  padding: 5px;
}
.spam-master-admin-firewall-arrow-up{
  height: 24px;
  vertical-align: bottom;
}
.spam-master-admin-firewall-arrow-right{
  height: 24px;
  vertical-align: middle;
}
.spam-master-admin-firewall-arrow-right-28{
  height: 28px;
  vertical-align: middle;
}
.spam-master-admin-firewall-curve-chart{
  width: 100%;
  height: 350px;
}
.spam-master-admin-firewall-stats-td{
  vertical-align: middle;
  width: 50%;
  font-weight: bold;
}
.spam-master-admin-firewall-stats-td-font{
  vertical-align: middle;
  width: 50%;
  color: #fff !important;
  font-weight: bold;
}
.spam-master-admin-settings-submit{
  margin-top: -10px !important;
  margin-bottom: -18px !important;
}
.spam-master-nowrap{
  white-space: nowrap;
}
.spam-master-middle{
  vertical-align: middle !important;
}
.spam-master-middle-20{
  vertical-align: middle;
  width: 20%;
}
.spam-master-middle-30{
  vertical-align: middle;
  width: 30%;
}
.spam-master-middle-50{
  vertical-align: middle;
  width: 50%;
}
.spam-master-middle-70{
  vertical-align: middle;
  width: 70%;
}
.spam-master-middle-80{
  vertical-align: middle;
  width: 80%;
}
.spam-master-middle-p{
  vertical-align: middle;
  padding-left: 0px;
}
.spam-master-middle-pr-5{
  vertical-align: middle;
  padding-right: 5px;
}
.spam-master-100{
  width: 100%;
}
.spam-master-30{
  width: 30%;
}
.spam-master-10{
  width: 10%;
}
.spam-master-auto{
  width: auto;
}
.spam-master-text-center{
  text-align: center;
}
.spam-master-hidden{
  display:none !important;
}
.spam-master-flex{
  display:flex !important;
}
.spam-master-top-admin-bar-warning{
  text-shadow: 1px 1px #F2DD41 !important;
}
.spam-master-top-admin-bar-success{
  text-shadow: 1px 1px #07B357 !important;
}
.spam-master-top-admin-bar-danger{
  text-shadow: 1px 1px #E8052B !important;
}
.spam-master-top-admin-bar-bubble{
  background-color: #ca4a1f !important;
  color: #fff !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
  margin: 1px 0 -1px 2px !important;
  padding: 0 5px !important;
  min-width: 18px !important;
  height: 18px !important;
  border-radius: 9px !important;
  line-height: 1.6 !important;
  text-align: center !important;
  z-index: 26 !important;
}
.spam-master-admin-firewall-table{
  display:flex; 
  align-items: center;
}
.spam-master-admin-flex-pl4{
  display:flex;
  padding-left: 4px;
  color: #fff;
}
.spam-master-admin-f48{
  font-size: 48px;
  width: 48px;
  height: 48px;
}
.spam-master-admin-red{
  color: #C40431;
}
.spam-master-admin-green{
  color: #0C9708;
}

.progress {
  padding: 6px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}
.progress2 {
  padding: 3px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.25);  
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar25r {
  border-radius: 30px;
  background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-moved .progress-bar25r {
  width: 21%; 
  background-color: #C40431;  
  animation: progressAnimationr25 6s;
}
@keyframes progressAnimationr25 {
  0%   { width: 5%; background-color: #F9BCCA;}
  100% { width: 21%; background-color: #C40431; }
}

.progress-bar40r {
  border-radius: 30px;
  background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-moved .progress-bar40r {
  width: 40%; 
  background-color: #C40431;  
  animation: progressAnimationr40 6s;
}
@keyframes progressAnimationr40 {
  0%   { width: 5%; background-color: #F9BCCA;}
  100% { width: 40%; background-color: #C40431; }
}

.progress-bar60r {
  border-radius: 30px;
  background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-moved .progress-bar60r {
  width: 60%; 
  background-color: #C40431;  
  animation: progressAnimationr60 6s;
}
@keyframes progressAnimationr60 {
  0%   { width: 5%; background-color: #F9BCCA;}
  100% { width: 60%; background-color: #C40431; }
}

.progress-bar80r {
  border-radius: 30px;
  background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-moved .progress-bar80r {
  width: 80%; 
  background-color: #C40431;  
  animation: progressAnimationr80 6s;
}
@keyframes progressAnimationr80 {
  0%   { width: 5%; background-color: #F9BCCA;}
  100% { width: 80%; background-color: #C40431; }
}

.progress-bar100r {
  border-radius: 30px;
  background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-moved .progress-bar100r {
  width: 100%; 
  background-color: #C40431;  
  animation: progressAnimationr100 6s;
}

@keyframes progressAnimationr100 {
  0%   { width: 5%; background-color: #F9BCCA;}
  100% { width: 100%; background-color: #C40431; }
}


.progress-bar25g {
  border-radius: 30px;
  background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-moved .progress-bar25g {
  width: 21%; 
  background-color: #0C9708;  
  animation: progressAnimation25 6s;
}
@keyframes progressAnimation25 {
  0%   { width: 5%; background-color: #2FCC2A;}
  100% { width: 21%; background-color: #0C9708; }
}

.progress-bar40g {
  border-radius: 30px;
  background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-moved .progress-bar40g {
  width: 40%; 
  background-color: #0C9708;  
  animation: progressAnimation40 6s;
}
@keyframes progressAnimation40 {
  0%   { width: 5%; background-color: #2FCC2A;}
  100% { width: 40%; background-color: #0C9708; }
}

.progress-bar60g {
  border-radius: 30px;
  background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-moved .progress-bar60g {
  width: 60%; 
  background-color: #0C9708;  
  animation: progressAnimation60 6s;
}
@keyframes progressAnimation60 {
  0%   { width: 5%; background-color: #2FCC2A;}
  100% { width: 60%; background-color: #0C9708; }
}

.progress-bar80g {
  border-radius: 30px;
  background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-moved .progress-bar80g {
  width: 80%; 
  background-color: #0C9708;  
  animation: progressAnimation80 6s;
}
@keyframes progressAnimation80 {
  0%   { width: 5%; background-color: #2FCC2A;}
  100% { width: 80%; background-color: #0C9708; }
}

.progress-bar100g {
  border-radius: 30px;
  background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;  
  transition-property: width, background-color;    
}

.progress-moved .progress-bar100g {
  width: 100%; 
  background-color: #0C9708;  
  animation: progressAnimation100 6s;
}

@keyframes progressAnimation100 {
  0%   { width: 5%; background-color: #2FCC2A;}
  100% { width: 100%; background-color: #0C9708; }
}