html {
    -webkit-text-size-adjust: 100%;
  }

  body {
    font-family: Arial, sans-serif; /* Default font name */
    font-size: 14px;              /* Default font size */
    color: #000000;               /* Default font color (black) */
    background-color: #FFFFFF;    /* Default background color (white) */
  }

  .caption_login {
    font-weight: bold; 
    font-size: 22px; 
    color: black; 
    padding: 3px 1px; 
    text-align: start;

    white-space: nowrap;
  }

  .flds_login {    
    width: 200px;           /* size */    
    height: 20px;    
    border: 3px solid #333333; /* frame */    
    font-size: 16px;    
    font-weight: bold;      /* bold font */    
    color: #003366;         /* font color */
    background-color: #eeeeee;  /* optional highlight */
  }  
  /* when field is active (cursor inside) */
  .flds_login:focus {    
    border: 3px solid #0066cc;  /* active frame */
    background-color: #ffffff;  /* optional highlight #f0f8ff; */    
    outline: none;              /* remove browser default glow */
  }

  .message_login {
    text-align:start;

    display:block;

    width:100%;

    font-weight: bold; 
    font-size: 20px; 
    color: red; 
    padding: 1px 3px;

    text-decoration:underline; 
  }
  .message_login_mini {
    font-size: 20px; 
    color: #ffffff; 
    padding: 1px 3px;

    background-color: inherit;
  }

  .bluebtn_login {
    background-color:#007BFF;
    color:#ffffff;
    border:1px solid #0056b3;
    padding:5px 12px;
    cursor:pointer;
    font-size:25px;
    font-weight: bold;
  }
  .bluebtn_login:hover {
    background-color:#0056b3;
  }

  .maintable_login {
    width: 20px; /* Fixed width is required for margin: auto to work correctly */
    margin-left: auto; /* Automatic left margin */
    margin-right: auto; /* Automatic right margin */
    /* Shorthand: margin: 0 auto; */
  }

  .header_login {
    background-color: inherit;
    
    color: #0056b3;
    font-size:19px;
    font-weight: bold; 
  }

  .checkbox_login label {
    /*display: flex;       Use flexbox for alignment */
    align-items: center;  /* Vertically center the input and text */
    /*align-items: bottom;    Vertically center the input and text */
    gap: 10px;           /* Add some space between the checkbox and text */
    cursor: pointer;     /* Indicate the label is clickable */
    color:#000000;
    font-size:23px; 
  }
  /* Optional: Add a margin to the container for spacing between items in a list */
  .checkbox_login + .checkbox_login {
    margin-top: 10px;
  }