.message {
   position:fixed;
   width: 100%;
   max-width: none;
   top:-150%;
   height:100%;
   display:table;
   z-index:2;
}
.message.banal {
   transition-property: top, background-color;
   transition-duration: 0.6s, 0.3s;
   transition-delay: 0s, 0.5s;
   background-color: rgba(10, 10, 10, 0.3);
   opacity: 1.0;
   top: 0;
}
.message.fleet {
   transition-property: opacity;
   transition-duration: 0.5s;
   transition-delay: 7s;
   opacity: 0;
   top: 0;
}
.message.hidden {
    transition-property: top, opacity;
    transition-duration: 0.5s, 0s;
    transition-delay: 0s, 0.5s;
    opacity: 1.0;
    top: -150%;
    background-color: transparent;
}
.message > div:first-child {
   display:table-cell;
   vertical-align:middle;
   text-align: center;
   padding: 1rem;
}
.message > div:first-child > div:first-child {
   display:inline-table;
   max-width: 600px;
   background-color: rgba(255, 255, 255, 0.85);
   font-size:1.4rem; /* 1.8rem; */
   border-radius:0 0 0.7rem 0.7rem;
   border: 1px solid #303030;
   padding-bottom: 1rem;
}
.message > div:first-child > div:first-child > table {
   width:100%;
   padding:0;
   border-collapse: collapse;
}
.message > div:first-child > div:first-child > table > tbody >
tr:first-child {
   font-size: 0;
   height: 4rem; /* 50px; */
   background:-moz-linear-gradient(top,#323b4d 0%,#101b2d 100%);
   background:-webkit-linear-gradient(top,#323b4d 0%,#101b2d 100%);
   background:linear-gradient(top,#323b4d 0%,#151b1d 100%);
}
.message > div:first-child > div:first-child > table > tbody >
   tr:first-child > td:first-child,
.message > div:first-child > div:first-child > table > tbody >
      tr:first-child > td:nth-child(3) {
   background-image: url(images/separator2.png);
   background-repeat: no-repeat;
   background-size: contain;
   /* border-radius: 0 0.5rem 0 0; */
}
.message > div:first-child > div:first-child > table > tbody >
   tr:first-child > td:first-child {
   background-position: right top;
   /* border-radius: 0.5rem 0 0 0; */
}
.message > div:first-child > div:first-child > table > tbody >
tr:first-child > td:first-child:active,
.message > div:first-child > div:first-child > table > tbody >
tr:first-child > td:nth-child(3):active {
   background-color: #0095dd;
   color: #555;
}
.message > div:first-child > div:first-child > table > tbody >
tr:first-child > td:nth-child(2) {
   width: 99%;
   padding: 0 0.5rem 0 0.5rem;  /* 0 1rem 0 1rem; */
   color: #e7e7e7;
   font-size: 2rem; /* 2.5rem; */
   text-align: center
}
.message > div:first-child > div:first-child > table > tbody >
tr:last-child > td {
   text-align:center;
}
.message div.contents {
    padding: 1.5rem; /* 2rem */
    text-align: left;
}
.message div.contents ul {
   margin: 0 0 1rem 0;
   padding: 0 0 0 1.5rem;
}
.message div.contents small {
   font-size: 100%;
}
.message div.contents + div {
   display: flex;
   justify-content: space-around;
}
.message button {
   font: inherit;
}
.message .transparent {
   opacity: 0;
}
.keeptoolbar {
   height:calc(100% - 4rem);
}

.message .contents span {
   width: 6rem;
   margin: 0.5rem 0;
   display: inline-block;
}

.message .contents span.hilite {
   margin: 0.5rem 0;
   background-color: #ffff80;
   display: initial;
   border: solid 1px gray;
}

.message div.formlike {
    padding: 1.5rem; /* 2rem */
    text-align: left;
}
.message div.formlike ul {
   margin: 0 0 1rem 0;
   padding: 0 0 0 1.5rem;
}
.message div.formlike ul li span {
   width: 22rem; /* was 14rem; */
   margin: 0.5rem 0;
   display: inline-block;
}

.message div.formlike input[readonly] {
   color: #888;
}

.message div.formlike.narrow ul li span {
   width: 10rem;
}
.message div.formlike.narrow ul li input {
   text-align: right;
   width: 6rem;
   margin-right: 0.3rem;
}
.message div.formlike.narrow p {
   width: 25rem;
   font-size: 12px;
}
.message div.formlike.narrow ul li input + span {
   width: 1rem;
}

.message div.simpleSel {
   margin: 20px;
   font-size: larger;
}
.message div.simpleSel select,
.message div.simpleSel input {
   font-size: inherit;
}