.spam-master-admin-img{
  float: left;
  height: 18px;
  vertical-align: middle;
}
.spam-master-admin-float-r{
  float: right;
}
.spam-master-admin-float-l{
  float: left;
}
.spam-master-admin-link-decor{
  text-decoration: none;
}
.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-text-jcenter{
  text-align: center;
  display: flex;
  justify-content: center;
}
.spam-master-hidden{
  display:none !important;
}
.spam-master-flex{
  display:flex !important;
}
.spam-master-top-admin-bar-bubble{
  background-color: #C65145 !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-f70y{
  font-size: 70px;
  width: 70px;
  height: 70px;
  z-index: 1;
  color: #bf9f3b;
}
.spam-master-admin-f70g{
  font-size: 70px;
  width: 70px;
  height: 70px;
  z-index: 1;
  color: #54A274;
}
.spam-master-admin-red{
  color: #C65145;
}
.spam-master-admin-green{
  color: #9abf7f;
}

.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: #C65145;  
  animation: progressAnimationr25 6s;
}
@keyframes progressAnimationr25 {
  0%   { width: 5%; background-color: #F9BCCA;}
  100% { width: 21%; background-color: #C65145; }
}

.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: #C65145;  
  animation: progressAnimationr40 6s;
}
@keyframes progressAnimationr40 {
  0%   { width: 5%; background-color: #F9BCCA;}
  100% { width: 40%; background-color: #C65145; }
}

.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: #C65145;  
  animation: progressAnimationr60 6s;
}
@keyframes progressAnimationr60 {
  0%   { width: 5%; background-color: #F9BCCA;}
  100% { width: 60%; background-color: #C65145; }
}

.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: #C65145;  
  animation: progressAnimationr80 6s;
}
@keyframes progressAnimationr80 {
  0%   { width: 5%; background-color: #F9BCCA;}
  100% { width: 80%; background-color: #C65145; }
}

.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: #C65145;  
  animation: progressAnimationr100 6s;
}

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


.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: #80a864;  
  animation: progressAnimation25 6s;
}
@keyframes progressAnimation25 {
  0%   { width: 5%; background-color: #afdb90;}
  100% { width: 21%; background-color: #80a864; }
}

.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: #80a864;  
  animation: progressAnimation40 6s;
}
@keyframes progressAnimation40 {
  0%   { width: 5%; background-color: #afdb90;}
  100% { width: 40%; background-color: #80a864; }
}

.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: #80a864;  
  animation: progressAnimation60 6s;
}
@keyframes progressAnimation60 {
  0%   { width: 5%; background-color: #afdb90;}
  100% { width: 60%; background-color: #80a864; }
}

.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: #80a864;  
  animation: progressAnimation80 6s;
}
@keyframes progressAnimation80 {
  0%   { width: 5%; background-color: #afdb90;}
  100% { width: 80%; background-color: #80a864; }
}

.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: #80a864;  
  animation: progressAnimation100 6s;
}

@keyframes progressAnimation100 {
  0%   { width: 5%; background-color: #afdb90;}
  100% { width: 100%; background-color: #80a864; }
}

/* default button style */
.btnspam, .btn-spammaster {
	margin: 9px;
	cursor: pointer;
	text-decoration: none;
}
.btnspam-gradient {
	margin: 5px;
	cursor: pointer;
	text-decoration: none;
}
a[class*="btnspam"] {text-decoration: none;}
input[class*="btnspam"], 
button[class*="btnspam"] {border: 0;}

/* Here you can change the button sizes */
.btnspam.large, 
.btn-spammaster.large, 
.btnspam-effect.large {
  padding: 20px 40px; 
  font-size: 22px;
}
.btnspam.small, 
.btn-spammaster.small, 
.btnspam-gradient.small, 
.btnspam-effect.small {
  padding: 8px 18px;  
  font-size: 14px;
}
.btnspam.mini, 
.btn-spammaster.mini, 
.btnspam-gradient.mini, 
.btnspam-effect.mini {
  padding: 4px 12px;  
  font-size: 12px;
}
.btnspam.block, 
.btn-spammaster.block, 
.btnspam-gradient.block, 
.btnspam-effect.block {
  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.btnspam-gradient.large {
  padding: 15px 45px; 
  font-size: 22px;
}

/* Colors for .btnspam and .btn-spammaster */
.btnspam.red, .btn-spammaster.red           {background-color: #C65145;}
.btnspam.green, .btn-spammaster.green       {background-color: #9abf7f;}
.btnspam.blue, .btn-spammaster.blue         {background-color: #7fb1bf;}
.btnspam.orange, .btn-spammaster.orange     {background-color: #F0A637;}
.btnspam.orangina, .btn-spammaster.orangina {background-color: #D39542;}
.btnspam.yellow, .btn-spammaster.yellow     {background-color: #F2C664;}

.spam-master-top-admin-shadow-red{
  text-shadow: 1px 1px #C65145 !important;
}
.spam-master-top-admin-shadow-green{
  text-shadow: 1px 1px #9abf7f !important;
}
.spam-master-top-admin-shadow-blue{
  text-shadow: 1px 1px #7fb1bf !important;
}
.spam-master-top-admin-shadow-orange{
  text-shadow: 1px 1px #F0A637 !important;
}
.spam-master-top-admin-shadow-orangina{
  text-shadow: 1px 1px #D39542 !important;
}
.spam-master-top-admin-shadow-yellow{
  text-shadow: 1px 1px #F2C664 !important;
}
.spam-master-top-admin-red{
  background-color: #C65145 !important;
}
.spam-master-top-admin-green{
  background-color: #9abf7f !important;
}
.spam-master-top-admin-blue{
  background-color: #7fb1bf !important;
}
.spam-master-top-admin-orange{
  background-color: #F0A637 !important;
}
.spam-master-top-admin-orangina{
  background-color: #D39542 !important;
}
.spam-master-top-admin-yellow{
  background-color: #F2C664 !important;
}
.spam-master-top-admin-offline{
  background-color: #abb4b7 !important;
}
.spam-master-top-admin-alert{
  background-color: #626a6c !important;
}
.spam-master-top-admin-f-red{
  color: #C65145 !important;
}
.spam-master-top-admin-f-green{
  color: #9abf7f !important;
}
.spam-master-top-admin-f-blue{
  color: #7fb1bf !important;
}
.spam-master-top-admin-f-orange{
  color: #F0A637 !important;
}
.spam-master-top-admin-f-orangina{
  color: #D39542 !important;
}
.spam-master-top-admin-f-yellow{
  color: #F2C664 !important;
}
.spam-master-top-admin-f-offline{
  color: #abb4b7 !important;
}
.spam-master-top-admin-f-alert{
  color: #626a6c !important;
}

.roundedspam {
  border-radius: 10px;
}

/* default button style */
.btnspam {
	position: relative;
	border: 0;
	padding: 15px 25px;
	display: inline-block;
	text-align: center;
	color: white;
}
.btnspam:active {
	top: 4px;	
}
/* color classes for .btnspam */
.btnspam.blue {box-shadow: 0px 4px #74a3b0;}
.btnspam.blue:active {box-shadow: 0 0 #74a3b0; background-color: #709CA8;}

.btnspam.green {box-shadow: 0px 4px 0px #87a86f;}
.btnspam.green:active {box-shadow: 0 0 #87a86f; background-color: #87a86f;}

.btnspam.red {box-shadow:0px 4px 0px #E04342;}
.btnspam.red:active {box-shadow: 0 0 #ff4c4b; background-color: #ff4c4b;}

.btnspam.orange {box-shadow:0px 4px 0px #AD83A8;}
.btnspam.orange:active {box-shadow: 0 0 #BA8CB5; background-color: #BA8CB5;}

.btnspam.orangina {box-shadow:0px 4px 0px #73B9C9;}
.btnspam.orangina:active {box-shadow: 0 0 #73B9C9; background-color: #70B4C4;}

.btnspam.yellow {box-shadow:0px 4px 0px #D1B757;}
.btnspam.yellow:active {box-shadow: 0 0 #ff4c4b; background-color: #D6BB59;}

/* Button spammaster - I have no creativity for names */
.btn-spammaster {
	color: white;
	font-weight: bold;
	padding: 12px 24px;
	display: inline-block;
	border: 1px solid rgba(0,0,0,0.21);
	border-bottom-color: rgba(0,0,0,0.34);
	text-shadow:0 1px 0 rgba(0,0,0,0.15);
	box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 
				      0 2px 0 -1px rgba(0,0,0,0.13), 
				      0 3px 0 -1px rgba(0,0,0,0.08), 
				      0 3px 13px -1px rgba(0,0,0,0.21);
}
.btn-spammaster:active {
	top: 1px;
	border-color: rgba(0,0,0,0.34) rgba(0,0,0,0.21) rgba(0,0,0,0.21);
	box-shadow: 0 1px 0 rgba(255,255,255,0.89),0 1px rgba(0,0,0,0.05) inset;
	position: relative;
	color: #006799;
}
.btn-spammaster:hover, a:active, a:hover{
    color: #006799;
}

/* Gradient buttons */
.btnspam-gradient {
	text-decoration: none;
	color: white;
	padding: 10px 30px;
	display: inline-block;
	position: relative;
	border: 1px solid rgba(0,0,0,0.21);
	border-bottom: 4px solid rgba(0,0,0,0.21);
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}
/* Gradient - ugly css is ugly */
.btnspam-gradient.orangina {
	background: rgba(27,188,194,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27,188,194,1)), to(rgba(24,163,168,1)));
	background: -webkit-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: -moz-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: -o-linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	background: linear-gradient(rgba(27,188,194,1) 0%, rgba(24,163,168,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bbcc2', endColorstr='#18a3a8', GradientType=0);
}

.btnspam-gradient.red{ 
	background: rgba(250,90,90,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(250,90,90,1)), to(rgba(232,81,81,1)));
	background: -webkit-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	background: -moz-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	background: -o-linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	background: linear-gradient(rgba(250,90,90,1) 0%, rgba(232,81,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5a5a', endColorstr='#e85151', GradientType=0 );
}
.btnspam-gradient.orange {
	background: rgba(255,105,30,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,105,30,1)), to(rgba(230,95,28,1)));
	background: -webkit-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
	background: -moz-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
	background: -o-linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
	background: linear-gradient(rgba(255,105,30,1) 0%, rgba(230,95,28,1) 100%);
}
.btnspam-gradient.blue {
	background: rgba(102,152,203,1);
	background: -moz-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,152,203,1)), color-stop(100%, rgba(92,138,184,1)));
	background: -webkit-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: -o-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: -ms-linear-gradient(top, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	background: linear-gradient(to bottom, rgba(102,152,203,1) 0%, rgba(92,138,184,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6698cb', endColorstr='#5c8ab8', GradientType=0 );
}
.btnspam-gradient.orange { 
	background: rgba(203,153,197,1);
	background: -moz-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,153,197,1)), color-stop(100%, rgba(181,134,176,1)));
	background: -webkit-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	background: -o-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	background: -ms-linear-gradient(top, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	background: linear-gradient(to bottom, rgba(203,153,197,1) 0%, rgba(181,134,176,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb99c5', endColorstr='#b586b0', GradientType=0 );
}
.btnspam-gradient.yellow {
	background: rgba(240,210,100,1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(240,210,100,1)), to(rgba(229,201,96,1)));
	background: -webkit-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
	background: -moz-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
	background: -o-linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
	background: linear-gradient(rgba(240,210,100,1) 0%, rgba(229,201,96,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d264', endColorstr='#e5c960', GradientType=0 );
}
.btnspam-gradient.green {
	background: rgba(130,200,160,1);
	background: -moz-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,200,160,1)), color-stop(100%, rgba(130,199,158,1)));
	background: -webkit-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: -o-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: -ms-linear-gradient(top, rgba(130,200,160,1) 0%, rgba(130,199,158,1) 100%);
	background: linear-gradient(to bottom, rgba(130,200,160,1) 0%, rgba(124, 185, 149, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c8a0', endColorstr='#82c79e', GradientType=0 );
}

.btnspam-gradient.red:active 	  {background: #E35252;}
.btnspam-gradient.orange:active {background: #E8601B;}
.btnspam-gradient.orangina:active 	{background: #169499;}
.btnspam-gradient.blue:active 	{background: #608FBF;}
.btnspam-gradient.orange:active {background: #BD8EB7;}
.btnspam-gradient.yellow:active {background: #DBC05B;}
.btnspam-gradient.green:active  {background: #72B08E;}

/* card spammaster */
.spam-master-free-card {
  --bg-color: #ffd861;
  --bg-color-light: #ffeeba;
  --text-color-hover: #4C5656;
  --box-shadow-color: rgba(255, 215, 97, 0.48);
}

.spam-master-pro-card {
  --bg-color: #B8F9D3;
  --bg-color-light: #e2fced;
  --text-color-hover: #4C5656;
  --box-shadow-color: rgba(184, 249, 211, 0.48);
}

.spam-master-expired-card {
  --bg-color: #CEB2FC;
  --bg-color-light: #F0E7FF;
  --text-color-hover: #fff;
  --box-shadow-color: rgba(206, 178, 252, 0.48);
}

.spam-master-exhausted-card {
  --bg-color: #DCE9FF;
  --bg-color-light: #f1f7ff;
  --text-color-hover: #4C5656;
  --box-shadow-color: rgba(220, 233, 255, 0.48);
}

.spam-master-card {
  width: 220px;
  height: 353px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0 14px 26px rgba(0,0,0,0.04);
  transition: all 0.3s ease-out;
  text-decoration: none;
  margin: 5px;
}

.spam-master-card:hover {
  transform: translateY(-5px) scale(1.005) translateZ(0);
  box-shadow: 0 24px 36px rgba(0,0,0,0.11),
    0 24px 46px var(--box-shadow-color);
}

.spam-master-card:hover .spam-master-overlay {
  transform: scale(6) translateZ(0);
}

.spam-master-card:hover .spam-master-circle {
  border-color: var(--bg-color-light);
  background: var(--bg-color);
}

.spam-master-card:hover .spam-master-circle:after {
  background: var(--bg-color-light);
}

.spam-master-card:hover p {
  color: var(--text-color-hover);
}

.spam-master-card:active {
  transform: scale(1) translateZ(0);
  box-shadow: 0 15px 24px rgba(0,0,0,0.11),
    0 15px 24px var(--box-shadow-color);
}

.spam-master-card p {
  font-size: 17px;
  color: #4C5656;
  margin-top: 30px;
  z-index: 1000;
  transition: color 0.3s ease-out;
}

.spam-master-circle {
  width: 121px;
  height: 121px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-out;
}

.spam-master-circle:after {
  content: "";
  width: 107px;
  height: 107px;
  display: block;
  position: absolute;
  background: var(--bg-color);
  border-radius: 50%;
  top: 7px;
  left: 7px;
  transition: opacity 0.3s ease-out;
}

.spam-master-overlay {
  width: 107px;
  position: absolute; 
  height: 107px;
  border-radius: 50%;
  background: var(--bg-color);
  top: 15px;
  left: 55px;
  z-index: 0;
  transition: transform 0.3s ease-out;
}

.spam-master-dash-f24, .dashicons-before::before {
  font-size: 24px !important;
}

.spam-master-crystal {
  cursor: pointer;
  box-sizing: unset !important;
  border: hidden;
  background-color: transparent;
}

.spam-master-pad-table {
  padding-bottom: 15px;
}

.spam-master-menu-table {
  font-size: 14px;
}
.spam-master-menu-table-bk {
  background-color: #f9f9f9 !important;
}
.spam-master-menu-table a.tabmenu.active {
    border-bottom: 2px solid #D39542;
}
.spam-master-menu-table  a.tabmenu:hover {
    border-color: #F2C664;
}
.spam-master-menu-table a.tabmenu {
  border-bottom: 2px solid #f9f9f9;
  box-shadow: none;
  color: #666;
  display: inline-block;
  margin-right: 30px;
  text-decoration: none;
}