@import url('https://fonts.googleapis.com/css?family=Orbitron');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');


body{
  overflow-x: hidden;
  overflow-y: hidden;
    background-color:black;
    user-select: none;
    margin: 0px;


 }
 .toolbar{
  background-color: darkslategrey;
  color: white;
  height: 100%;
  font-family: 'Orbitron';
  font-size: 16px;
  border-radius: 3px;
 }
 .header {

display:inline-flex;
   width: 100%;
   height:35px;
  text-align: left;
  background: #1abc9c;
  color: white;
  margin:3px;
}
 .c_filtros{
margin: 5px;
display:flex;
}
 .filtro{
  text-align-last: center;
  height: 40px;
  border-radius: 3px;
  margin: 1px;
  background-color: darkslategray;
  color: white;
  font-family: 'Orbitron';
  font-weight: bold;
  font-size: 16px;
 }
 .l0{
  margin:0px;
}

 .ethm{
 font-size: 10px;
 display: inline-flex;
 background-color: forestgreen;
 color: white;
 margin-left: 3px;

}
 .srx{
    font-family: 'Orbitron', sans-serif;
    font-size: 18px;
    width:70px;

  
    text-align: end;
   color: yellow;
   border-radius:2px;
   display: inline-block;
  
 
    
   
 }
 .footer {
    position: fixed;
    background-color:crimson;
    width:100%;
    height:50px;
    display:inline-flex;
    bottom:0px;
 
    margin:0px;
    align-items: center;
    -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;
  
}
    .line{
        background-color:darkslateblue;
        display: flex;
 
        border-radius:2px;
        cursor: pointer;   
        margin:3px; 
    }
    .container:hover, .container:focus{
        background: darkblue;    
        
    }

    .l1{
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif,monospace;
      font-size: 16px;
        color: white;
       width: 100%;
       vertical-align: middle;
       margin-left: 10px;

    }
    .l2{
        font-family: monospace;
      font-size: 12px;
        color: orange;
  
        width: 100%;
        vertical-align: middle;
       margin-left: 10px;
       
    }
    .st_on{
       width: 20px;
       height:20px;
      margin: 5px;
      background-color: forestgreen;
      color: yellow;
      border-radius:2px;



      text-decoration: none;
    
       
      
    }

    .st_off{
        width: 20px;
        height:20px;
       margin: 5px;
       background-color: grey;
       color: yellow;
       border-radius:2px;
 
 
 
       text-decoration: none;
     
        
       
     }
    
 input {
  
  font-weight: 12;
  color: #AEAEAE;
  height: 36px;
  width: 50%;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: darkslategray;
  padding-left: 10px;
  font-size: x-large;
  font-family: monospace;
  margin: 2px;

}
.btn_find {
      font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
      font-size: 1em;
      
      
      background-color: crimson;
      color: white;
      border-radius: 3px;
    line-height:25px;
      text-align: left;
      vertical-align: middle;
      margin-bottom: 4px;
    margin-right: 5px;
      text-decoration: none;
   }


   .main{    
     position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
    /* height: 90%; */
    width: 100%;
    top: 40px;
    bottom: 50px;
    max-height: 100%;
 
   }


   
  /* Let's get this party started */
  ::-webkit-scrollbar {
    width: 10px;

  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 2px;
    border-radius: 2px;

  
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: yellow;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
  }