form {
    width: 100%;
  }

input[type="email"],
input[type="text"],
input[type="password"] {
    border-radius: 38px;
    border: solid 1px var(--blue);
    box-shadow: 2px 2px 4px rgba(0,0,0,.2);
    margin-bottom: 16px;
    min-height: 30px;
    outline: none;
    padding: 4px 20px;
    text-align: center;
    width: 100%;
  }

  .custom-select  {
    /* ... */
    
    margin-bottom: 16px;
    min-width: 100px;
    position: relative;
  }
  
  select {
    appearance: none;
    /* safari */
    -webkit-appearance: none;
    /* other styles for aesthetics */
    background: white;
    border-radius: 38px;
    border: solid 1px var(--blue);
    box-shadow: 2px 2px 4px rgba(0,0,0,.2);
    margin-bottom: 0px;
    min-height: 30px;
    outline: none;
    padding: 4px 20px;
    text-align: center;
    width: 100%;
  }

  .custom-select::before,
  .custom-select::after {
    --size: 0.3rem;
    position: absolute;
    content: "";
    right: 1rem;
    pointer-events: none;
  }
  
  
  .custom-select::after {
    border-left: var(--size) solid transparent;
    border-right: var(--size) solid transparent;
    border-top: var(--size) solid black;
    top: 50%;
  }
  
  input[type="submit"][class*=btn_] ,
  input[type="button"][class*=btn_] ,
  [class*=btn_]  {
    border-radius: 38px;
    padding: 4px 20px;
    text-align: center;
    display: flex;
    text-decoration: none;
    width: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  input[type="submit"].btn_blue,
  input[type="button"].btn_blue,
  .btn_blue{
    border: 1px solid var(--light-blue);
    background: var(--blue);
    color: white !important;
  }

  input[type="submit"].btn_white,
  input[type="button"].btn_white,
  .btn_white{
    background:white;
    border: solid 1px var(--blue);
    color: var(--black);
  }

  input[type="submit"].btn_grey,
  input[type="button"].btn_grey,
  .btn_grey{
    background:#BDBDBD;
    border: 1px solid var(--light-grey);
    color: var(--black);
  }

  input[type="submit"].btn_text_blue,
  input[type="button"].btn_text_blue,
  .btn_text_blue {
    color: var(--blue);
    text-decoration: none;
    display: inline-table;
    margin-top: 10px;
  }  

  #changelist-search input[type="text"]{
    margin-bottom: 0;
    margin-right: 10px;
  }
  #changelist-search input[type="submit"]{
    margin-bottom: 0;  min-height: 30px;
    width: 200px;
  }
  .select-all-container label {
    color: white;
    font-size: .6em;
    text-align: center;
  }