BODY {
   background: #000000;
   font-family:arial,sans-serif;
   font-size:12px;
   font-weight:300;
   color: #ffffff;
   }

h1 {
   color: #7979ff;
   background:none;
   text-decoration:none;
}

a {
   color: #7979ff;
   background:none;
   text-decoration:none;
}
a:visited {
   color: #7979ff;
   background:none;
   text-decoration:none;
}
a:hover {
   color: #3500D3;
   background:none;
   text-decoration:none;
}

a:focus {
   color: #7979ff;
}

a:active {
   color: #7979ff;
}

img {
      border: 0;
}

table {
   margin: 2px;
   padding-left: 1px;
   padding-right: 1px;
   width: 99%;
   border-collapse: collapse;
   text-align:left;
   vertical-align: top;
   /* border: 1px dotted #666666;   */
}
    
th {
}

td {
   padding-left: 1px;
   padding-right: 1px;
   /* border: 1px dotted #ff00ff; */
   vertical-align: top;
   text-align:left;
}

img.logo {
   background-color: #ffffff; /* shows through transparent areas */ 
    filter: invert(1) brightness(1.2);
}

.mainbox{
   margin:10px 10px;
   width:98%;
   background: #111111;
   padding:20px;
   -moz-border-radius:20px;
   border-radius: 20px; 
}


.innerbox{
   margin: 2px; 
   width:99%;
   height:99%;
   padding-left: 10px;
   padding-right: 10px;   
   margin-left:auto; 
   margin-right:auto;
   vertical-align: top;
   /* border: 1px dotted #ffff00; */
}

.footer{
   /* border: 1px dotted #ffff00; */
   text-align: center;
}

.menubox{
   /* border: 1px dotted #ff0000;  */
   vertical-align: top;
}

.title{
   font-family:arial,sans-serif;
   font-weight:500; 
   font-size:30px;
   text-decoration:none;
   background:none;
   color:#240090;
}

.page_title{
   font-family:arial,sans-serif;
   font-weight:900; 
   font-size:20px;
   text-decoration:none;
   background:none;
   color:#240090;
}


.menu_title{
   font-family:arial,sans-serif;
   font-weight:900; 
   font-size:14px;
   text-decoration:none;
   background:none;
   color:#240090;
}

.menu_subtitle{
   font-family:arial,sans-serif;
   font-weight:900; 
   font-size:12px;
   text-decoration:none;
   background:none;
   color:#240090;
}

   .bi{
       font-size: 1.25em;
       color: #00ff00;
    }
   .menu{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.1em;
   }
   .menu a {
      color: #00ff00;
      text-decoration: none;
   }

   /* Visited */
   .menu a:visited {
      color: #00ff00;
   }

   /* Hover */
   .menu a:hover {
      color: #99ff99;
      text-decoration: underline;
   }

   /* Active (mouse down) */
      .menu a:active {
      color: #ef4444;
   }


   input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
  background-color: #111827;
  color: #e5e7eb;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 14px;
  font-family: inherit;
  width: 100%;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Placeholder text */
input::placeholder,
textarea::placeholder {
  color: #9ca3af;
  opacity: 1; /* Fixes Firefox dimming */
}

/* Focus state */
input:focus,
textarea:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}

/* Disabled state */
input:disabled,
textarea:disabled {
  background-color: #0f172a;
  color: #6b7280;
  cursor: not-allowed;
}

/* Textarea specifics */
textarea {
  resize: vertical;
  min-height: 100px;
}