.entries_container {
    display: inline-grid;
    grid-template-columns: 1fr 2.2fr 3fr;
    column-gap: 1em;
    row-gap: 1em;
  }
  .entry_label {
    font-family: Gotham;
    font-size: 11pt;
    font-weight: normal;
    text-align: left;
    color: rgba(255,255,255,0.8);
    align-self: center;
    justify-self: start;
  }
  .entry_field_container {
    align-self: center;
    display: block;
    justify-self: start;
    margin-top: 3px;
  }
  .button_container {
    align-self: center;
    display: block;
    justify-self: start;
  }
  .entry_field {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    border: none;
    width: 400px;
    max-width: 100%;
    min-height: 2em;
    max-height: 300px;
    text-align: left;
    color: black;
    font-family: Gotham;
    font-size: 11pt;
    font-weight: normal;
    resize: vertical;
  }
  .entry_field:active {
    background-color: rgba(255, 255, 255, 0.8);
  }
  .entry_field:hover {
    background-color: rgba(247, 247, 247, 0.9);
  }
  .entry_field:disabled {
    background-color: gray;
    opacity: 0.8;
  }
  
  .entry_valign_top {
    align-self: start;
  }
  .entry_valign_center {
    align-self: center;
  }
  .entry_valign_bottom {
    align-self: end;
  }
  .document_img_container {
    width: 300px;
    height: 300px;
    border-image-source:none;
    display: grid;
  }
  .document_img_preview {
    max-width: 100%;
    max-height: 100%;
    border: solid 1px red;
    border-radius: 6px;
    justify-self: center;
    vertical-align: middle;
    margin: auto;
  }

  input[type="file"]::file-selector-button {
    display:none;
  }

  /* roles related or checkbox */
  .roles_container {
      gap: 0.8em;
      display: inline-grid;
      grid-template-columns: 0.4fr 2fr 4fr;
  }
  .role_option {
      display: flex;
      column-gap: 0.8em;
      align-items: flex-start;
      color: rgba(255,255,255,0.8);
  }
  .role_option input[type="checkbox"] {
      transform: scale(1.2);
      margin-top: 0.5em;
      margin-bottom: 0.5em;
      height: 1.4em;
  }
  .role_label {
      font-weight: normal;
      font-family: Gotham;
      font-size: 11pt;
      text-align: left;
      color: rgba(255,255,255,0.8);
      align-self: center;
      justify-self: start;
  }
  .role_description {
      font-size: 10pt;
      font-family: Gotham;
      font-weight: normal;
      text-align: left;
      color: rgba(255,255,255,0.8);
      align-self: center;
      justify-self: start;
  }
  .role_option.disabled {
      opacity: 0.35;
  }
  .role_label.disabled {
      color: rgba(255,255,255,0.4);
  }
  .role_description.disabled {
      color: rgba(255,255,255,0.4);