/* ---------------------------- BOTMIT ---------------------------- */
.botmit_tab_content {
background:#181818;
color:#FFF;
position: relative;
float:left;
top: 0px;
left: -200px;
width: 200px;
height: 450px;
padding: 20px;
transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
overflow: hidden;
box-sizing: border-box;
border:1px solid;
  
}

#botmit_tab {
  position:absolute;
  appearance:none;
  cursor:pointer;
  left:0%;
  top:-100%;
  float:left;
}

#botmit_tab + label {
  position:absolute;
  cursor:pointer;
  padding:10px;
  background: #26ae90;
  height : 408px;
  width: 10px;
border-radius: 3px;
padding: 20px;
color: #FFF;
/*line-height:20px;*/
font-size:12px;
text-align:center;
-webkit-font-smoothing: antialiased;
cursor: pointer;
  margin:0px 0px;
  transition:all 300ms ease;
  left:0px;
  word-wrap : break-word;
  white-space:pre-wrap;
  letter-spacing:1em;
}

#botmit_tab:checked ~ .botmit_tab_content {
  top: 0px;
  left:0px;
}

#botmit_tab:checked ~ .label {
  margin-top: 0px;
}

#botmit_tab:checked + label {
  background:#009DEC;
  margin:1px 200px;
  height : 408px;
  width : 10px;
padding: 20px;

}
#botmit_tab + label:after {
  content:"BOT-Mitigation"
}
#botmit_tab:checked + label:after {
  content:"BOT-Mitigation"
}

progress.bad::-webkit-progress-bar {
	background: #C0FCC6;
}

progress.bad::-webkit-progress-value {
	background: #E29C9A;
}

progress.good::-webkit-progress-bar {
	background: #E29C9A;
}

progress.good::-webkit-progress-value {
	background: #C0FCC6;
}

meter
{
    text-align: center;
    position:relative;
}
meter:before
{
    content: attr(value);
    color: red;
    font-weight:bold;
    position:absolute;
}

meter.attacks::-webkit-meter-even-less-good-value {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(170, 221, 119)), color-stop(0.2, rgb(204, 238, 170)), color-stop(0.45, rgb(119, 170, 51)), color-stop(0.55, rgb(119, 170, 51)), to(rgb(170, 221, 119)));
}

meter.attacks::-webkit-meter-optimum-value {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 119, 119)), color-stop(0.2, rgb(255, 204, 204)), color-stop(0.45, rgb(221, 68, 68)), color-stop(0.55, rgb(221, 68, 68)), to(rgb(255, 119, 119)));
}

/* ---------------------------- BOT REPUTATION ---------------------------- */

.botmit_header_tab_content {
background:#181818;
color:#FFF;
position: relative;
float:right;
top: 0px;
right: -200px;
width: 200px;
height: 450px;
padding: 20px;
transition: left 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
overflow: hidden;
box-sizing: border-box;
border:1px solid;
  
}

#botmit_header_tab {
  position:absolute;
  appearance:none;
  cursor:pointer;
  right:0%;
  top:-100%;
  float:right;
}

#botmit_header_tab + label {
  position:absolute;
  cursor:pointer;
  padding:10px;
  background: #26ae90;
  height : 408px;
  width: 10px;
border-radius: 3px;
padding: 20px;
color: #FFF;
/*line-height:20px;*/
font-size:12px;
text-align:center;
-webkit-font-smoothing: antialiased;
cursor: pointer;
  margin:0px 0px;
  transition:all 300ms ease;
  right:0px;
  word-wrap : break-word;
  white-space:pre-wrap;
  letter-spacing:1em;
}

#botmit_header_tab + label:after {
  content:"BOT-Reputation" 
}

#botmit_header_tab:checked ~ .botmit_header_tab_content {
  top: 0px;
  right:0px;
}

/* label closed */
#botmit_header_tab:checked ~ .label {
  margin-top: 0px;
}

/* label opened */
#botmit_header_tab:checked + label {
  background:#009DEC;
  margin:1px 200px;
  height : 408px;
  width : 10px;
padding: 20px;

}

#botmit_header_tab:checked + label:after {
  content:"BOT-Reputation"
}

td.threat-false {
	color: green;
	background: green;
}

td.threat-true {
	color: red;
	background: red;
}

progress {
	width: 80px;
	-webkit-appearance: none;
	border: none;
}