* {
	padding:0;
	margin:0;
}

body {
	color: #b2b2b2;
	font: 14px Sans-Serif;
	padding: 50px;
	background: #22242B;
}

p {
	margin-top: 0px;
}

h1 {
	text-align: center;
	font-size: 16px;
	padding: 20	px 0 12px 0;
	margin: 0;
	background: #22242B;	
}
h2 {
	font-size: 14px;
	text-align: center;
	padding: 0 0 12px 0; 
	text-decoration: underline;
}
h3 {
	font-size: 13px;
	text-align: center;
	padding: 0 0 12px 0; 
}
h4 {
	font-size: 13px;
	text-align: center;
	padding: 0 0 12px 0; 
}

hr {
margin-left: 15px;
margin-right: 15px;	
height: 1px;
border: none;
background: #5c5e5b;
}

button {
    font-family : inherit;
	font-weight: bold;
}

#status {
color: #000000;
}

#Container {
	box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);
	position: relative;
	background: #22242B; 
}

#Container_Top {
	text-align:center;
}

#Login {
	position: absolute;
	width: 32px;
	height: 32px;
	right: 10px;
	top: 10px;
	cursor: pointer;
	cursor: hand;
}

#Logout {
	position: absolute;
	width: 32px;
	height: 32px;
	right: 10px;
	top: 10px;
	cursor: pointer;
	cursor: hand;
}

#Login_Button {
  background-color: #d70a53;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;	
  cursor: pointer;
  cursor: hand;
}

#Create_Backup {
        position: absolute;
        width: 32px;
        height: 32px;
        right: 50px;
        top: 10px;
        cursor: pointer;
        cursor: hand;
}

#Blog {
        position: absolute;
        width: 32px;
        height: 32px;
        right: 130px;
        top: 10px;
        cursor: pointer;
        cursor: hand;
}

#RSS {
        position: absolute;
        width: 32px;
        height: 32px;
        right: 90px;
        top: 10px;
        cursor: pointer;
        cursor: hand;
}


.Select_Button {
  background-color: #d70a53;
  border: none;
  color: white;
  padding: 7px 16px;
  margin: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;	
  cursor: pointer;
  cursor: hand;
}

#popup {
  color: #000000;	
}

#popup_upload {
  color: #000000;	
}

#popup_upload a {
  cursor: pointer;
  cursor: hand;
}


#Select_File {
  background-color: #d70a53;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;	
  cursor: pointer;
  cursor: hand;
}

#dropArea {
    width: 300px;
    height: 200px;
    border: 2px dashed #ccc;
    text-align: center;
    line-height: 200px;
    font-size: 18px;
    color: #666;
    margin: 20px auto;
}
		
table {
width: calc(100% - 30px);
float: left;
border-collapse: collapse;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;	
}

th {
border-bottom: 1px solid #5c5e5b;
margin: 0px;
padding: 10px 0px 0px 0px;
text-align: left;
}

th small {
	font-size: 9px; 
}

td, th {
	text-align: left;
}

td {
margin: 0px;
padding: 10px 0px 0px 0px;
text-align: left;
cursor: pointer;
cursor: hand;	
}

tr {
margin: 0px;
padding: 0px;
height: 20px;
}

a {
	text-decoration: none;
}

td a {
	color: #365777;
	display: block;
	padding: 5px 10px;
}
th a {
	padding-left: 0
}

td:first-of-type a {
	padding-left: 45px;
}
th:first-of-type {
	padding-left: 25px;
}

td:not(:first-of-type) a {
	background-image: none !important;
} 

tr:nth-of-type(odd) {
	background-color: #363942;
}

tr:hover td {
	background-color:#536482;
	color: #FFFFFF;
}

tr:hover td a {
	color: #d70a53;
}

a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #778191;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #d70a53;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

.List_header {
width: 100%;	
}

.List_Identifier {
width: 50%;	
}

.List_Rules {
width: 25%;	
}

.List_Lastupd {
width: 25%;	
}

.maintab {
  display: block;
}

.Dashboard_Container {
display: inline-block;
width: 100%;
}

.Dashboard {
width:300px;
height:150px;
float: left;
margin-right: 20px;
border: 1px solid #5c5e5b;
	
}

.Dashboard_Large {
width: calc(50% - 12px);
height:300px;
float: left;
border: 1px solid #5c5e5b;	
}

.Dashboard_Container_Wide {
border: 1px solid #5c5e5b;
overflow:auto; 
}

#Blocklist_Automatic {
    margin-right: 20px;
}

.tab button {
  background-color: inherit;
  float: left;
  border: 1px solid #5c5e5b;
  border-radius: 8px 8px 0px 0px;
  outline: none;
  cursor: pointer;
  padding: 5px 16px;
  margin-right: 10px;
  transition: 0.3s;
  font-size: 14px;
  color: #FFFFFF;
}

.tab {
  overflow: hidden;
  background-color: #22242B;
  color: #b9dad3;
}

.tab button:hover {
  background-color: #22242B;
  color: #b9dad3;
}

.tab button.active {
  background-color: #22242B;
  border-bottom: 1px solid #212627;
  color: #b9dad3;
}

.tabcontent {
  display: none;
  height: calc(100% - 155px);
  padding: 6px 12px;
  border: 1px solid #5c5e5b;
  border-radius: 0px 0px 8px 8px;
  margin-top: -1px;
}

#ContainerBackend {
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: 20px;
  height: 100%;
  width: calc(100% - 42px);
}

.TopBackend  {
position: absolute;
left: 55px;
top: 8px;
height: 50px;
}

.LogoBackend  {
  width: 50px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.editor {
width: 800px;
height: 600px;
border: 1px solid #5c5e5b;

}

.terminal {
  font-family: 'Ubuntu Mono', monospace;
  color: rgb(187,187,187);
  font-size: 16px;
  font-weight: 100;
}

.terminal-input {
  background: rgba(0, 0, 0, 0);
  font-family: monospace;
  color: transparent;
  font-size: 14px;
  outline: none;
  border: none;
  -webkit-text-fill-color: rgb(187,187,187);
}

.terminal-purple {
  color: #5050f2;
}

.console-line {
  color: rgb(0,178,0);
}

.login-line {
  color: #fff;
}

.console-carrot {
  vertical-align: middle;
  background: #00ff00;
  height: 15px;
  width: 8px;
  margin-left: 0px;
  display: inline-block;
  animation: blink 1s step-start 0s infinite;
}

::selection {
  background-color: #fff;
  color: #000;
}

@keyframes blink {
  50% {
    opacity: 0.0;
  }
}