:root
  {
  --branded-orange: #f65e0a;
  --branded-blue: #00d0c1;
  --branded-gray: #414141;
  --primary-color: var(--branded-orange);
  --secondary-color: var(--branded-blue);
  --secondary-color-darker: #037a72;
  --hover-color: #bd4300;
  --font-color: var(--branded-gray);

  --header-margin: #cec9be;
  }

html
  {
  background-color: #ffffff;

  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  }

body
  {
  color: #333;
  font-size: 16px;
  line-height: normal;

  font-weight: 400;
  margin: 0;
  text-align: left;

  font-family: URW-DIN,sans-serif;
  font-style: normal;
  text-decoration: none;

  word-break: break-word;
  }

.hidden
  {
  display: none;
  }

.numeric
  {
  text-align: right;
  }

.cursor_wait,
input[type="file"].cursor_wait::-webkit-file-upload-button,  /* Chrome & Edge */
input[type="file"].cursor_wait::file-selector-button  /* Firefox */
  {
  cursor: wait;
  }

.transfer-header
  {
  border-bottom: 1px solid var(--header-margin);
  border-left: 0px;
  border-right: 0px;
  height: 60px;
  background-image: url(https://www.bravurasecurity.com/hubfs/raw_assets/public/Hitachi_Theme_Nov_2020/images/Bravura-Security-Logo-ai.png);
  background-size: 278px 38px;
  background-repeat: no-repeat;
  background-position: 5% 10px;
  }

.transfer-menu
  {
  color: #fff;
  background-color: #111;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 40px;
  }

h1 
  {
  color: #045787;
  font-weight: 400;
  line-height: 1em;
  margin: 0 0 12px;
  padding: 10px 0 0;

  /* These should vertically center the icon and associated text */
  display: flex;
  align-items: center;
  }

h1 img
  {
  /* Because of "display: flex" makes <img> and following content run into one another */
  margin-right: 0.25em;
  }

.tooltip
  {
  visibility: hidden;
  background-color: cornsilk;
  border: 1px solid black;
  padding: 5px 5px;
  font-size: 60%;
  color: black;
  position: absolute;
  margin-top: 1em;
  z-index: 1;
  }

h1.updown a span:hover span.tooltip
  {
  visibility: visible;
  }

h1.updown a span:active span.tooltip
  {
  visibility: hidden;
  }

.content 
  {
  margin: 12px;
  }

.transfer-footer
  {
  position: fixed;
  bottom: 0px;
  width: 100%;
  margin: 12px;
  }

table
  {
  border: none 0px;
  }
table.border
  {
  color: #000000;
  border: 2px;
  padding: 10px;
  }

p
  {
  margin: 0 0 4px;
  line-height: 1.25;
  }

td.p
  {
  margin: 0 0 0;
  line-height: 1.25;
  }

td.updown-form-input input.email_addr
  {
  width: 20em;
  }

td.updown-form-input input.disabled
  {
    background-color: #eee;
  }

td.updown-button-cell
  {
    text-align: center;
  }

hr.updown
  {
    margin: 1em 0px 1em 0px;
  }

button#upload-button
  {
    padding: 0.5em
  }

ul
  {
  line-height: 1.25;
  }

em
  {
  font-style: italic;
  }

th, td
  {
  text-align: left;
  vertical-align: top;
  padding: 3px 8px 4px 8px;
  line-height: 1.25;
  }

h1.updown
  {
  color: #08427c;;
  margin: 10px 0 20px 0;
  padding: 0 0 3px;
  border-bottom: 1px solid #cdcdcd;
  font-size: 20px;
  font-weight: 400;
  }

h2.updown
  {
  color: #08427c;;
  margin: 10px 0 20px 0;
  padding: 0 0 3px;
  border-bottom: 1px solid #cdcdcd;
  font-size: 16px;
  font-weight: 200;
  }

input[type=submit]
  {
  background-color: #229922;
  color: #ffffff;
  padding: 8px;
  font-weight: 200;
  font-size: 15px;
  margin: 10px 0 20px 8px;
  }

.updown-success
  {
  background-color: #ccffcc;
  color: #000000;
  font: 12pt Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding: 4px;
  margin: 3px 0px;
  }

.updown-error
  {
  background-color: #ffcccc;
  color: #666600;
  font: 12pt Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding: 4px;
  margin: 3px 0px;
  }

div.updown-block
  {
  padding: 0px;
  margin: 2px;
  display: block;
  }

table.updown-form
  {
  vertical-align: top;
  text-align: left;
  }

tr.updown-form-row
  {
  vertical-align: top;
  text-align: left;
  }

tr.updown-form-row td
  {
  width: 0;
  white-space: nowrap;
  }

.uploadblock
  {
  padding: 3px;
  border: 1px solid #999;
  margin: 1px;
  }

table#upload-results
  {
  border: 1px solid black;
  }