.template {
    display: none;
}
.file-drop {
    display: table;
    width: 40ex;
    height: 40ex;
    border: solid 2px black;
    border-radius: 10px;
    background: lightgray;
    margin-right: 1ex;
}
.file-drop .project-label {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#new-project-ui {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-bottom: 1ex;
    border: solid black 1px;
    border-radius: 5px;
    padding: 1ex;
}
#new-project-ui h2 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
#new-project-ui *:first-child {
    margin-top: initial;
}
#new-project-ui * {
    margin-top: 0.5ex;
}
#new-project-name {
    align-self: stretch;
}
#new-project-name::placeholder {
    color: red;
    font-weight: bold;
    padding-left: 1ex;
}
.project {
    display: flex;
}
table[name='files'] {
    border-collapse: collapse;
}
/*table[name='files'] td:nth-child(even),*/
table[name='files'] tr:nth-child(odd):not(:first-child) {
  background: #eee;
}
table[name='files'] td {
    border: solid 1px black;
    padding-right: 1ex;
    padding-left: 1ex;
}
table[name='files'] td.stored-check {
    border: none;
}
table[name='files'] th:first-child {
    text-align: left;
}
table[name='files'] tr:first-child th:first-child {
    text-align: initial;
}
table[name='files'] .key-column {
    width: 90ex;
}
table[name='files'] button {
    margin-right: 1ex;
}
[name='file-view'] {
    /*display: flex;*/
}
[name='file-view'] > * {
    /*flex-grow: 1;*/
    display: inline-block;
    width: calc(33% - 2px);
    vertical-align: top;
}
[name='file-box'] h2 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
.selected-file {
    outline: solid 2px black;
}
.file-title {
    user-select: none;
}
body {
    display: flex;
    flex-direction: column;
}
#panel1 {
    flex-grow: 1;
}
#panel2 {
    display: flex;
    flex-direction: column;
    height: 33ex;
    /*border: solid black 1px;*/
}
#expr-box {
    display: flex;
}
#eval-expr {
    flex-grow: 1;
}
#eval-result {
    flex-grow: 1;
    border: solid black 1px;
    overflow: auto;
    white-space: pre;
}
.hex-64, .hex {
    font-family: courier;
    font-size: medium;
}
.hex-64 {
    width: 76ex;
    display:  inline-block;
}
.selector {
    display: inline-block;
    font-size: 200%;
    font-weight: bold;
    margin-right: 1ex;
    border: solid black 1px;
    padding-left: 1ex;
    padding-right: 1ex;
    user-select: none;
}
.selector.current {
    background: lightgray;
}
.tab {
    display: none;
}
.tab.current {
    display: initial;
}
.labeled-text {
    display: flex;
    flex-direction: row;
}
.labeled-text input {
    flex-grow: 1;
}
.labeled-text > *:first-child {
    margin-right: 1ex;
}
#other-peoples-files td:first-child {
    padding-left: 0;
    padding-right: 1ex;
}
#account-selectors {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#account-selectors > div {
    border: solid black 1px;
    border-top: 0;
    padding: 4px 6px 4px 6px;
    width: 50ex;
}
#account-selectors > div:first-child {
    border-top: solid black 1px;
}
#account-selectors > div > div {
    display: inline-block;
    width: 2ex;
}
#account-selectors > div > div:first-child:before {
    font-family: FontAwesome;
    content: "\f096";
}
#account-selectors > div.selected > div:first-child:before {
    content: "\f046";
}
#account-selectors > div.selected {
    background: lightgray;
}
.error::placeholder
{
    color: red;
    font-weight: bold;
}
#dialog {
    white-space: nowrap;
}
#dialog h1 {
    display: inline-block;
}
[role='dialog'].hide-cancel .cancel-button {
    display: none;
}
button[data-checked='true']:before {
    font-family: FontAwesome;
    content: "\f046\20";
}
button[data-checked='false']:before {
    font-family: FontAwesome;
    content: "\f096\20";
}
#contacts-table {
    border-collapse: collapse;
}
#contacts-table,
#contacts-table th,
#contacts-table td {
    border: solid thin;
}
#clipboard-copy {
    position: fixed;
    top: calc(100% + 1000px);
}
[name='current-request-signer'] {
    font-weight: bold;
}
[name='accept-request-field'] {
    width: 15ex;
}
.send-file-button {
    white-space: nowrap;
}
.infura [data-panel='my-files'] {
    display: none;
}
.decrypted-file {
    margin-top: 1em;
}
.name-row td {
    padding-bottom: 1em;
}