html {
    height: 100%;
}
html, body {
    margin: 0;
}
body {
    font-family: sans-serif;
    font-size: 0.8em;
    color: white;
    font-weight: 100;
    /*background: -webkit-radial-gradient(50%, circle farthest-corner, #333,#222);*/
    background: radial-gradient(circle farthest-corner at 50%, #333,#222);
}
#description {
    font-size:small;
    margin:20px;
    color:#999;
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
}
#counter {
    color:#999;   
}
#description a {
    color:#999;
}
.code {
    font-family: monospace;
    font-size: larger;
    background-color: black;
    padding: 3px 7px;
    border-radius: 3px;
}
a {
    color:white;
}
tr.message a {
 color:blue;   
}
a:hover {
    color:deepskyblue;
}

table {
    border-collapse: collapse;
}
#uploadform{
    font-size: 1.4em;
    display: flex;
    justify-content: center;
}
#uploadform p {
        padding: 10px;
}
#uploadformleft {
    font-weight:bold;
    border-right: 1px solid deepskyblue;
    white-space: nowrap;

}
#uploadformright {
        text-align: left;
}
.red {
    color: red;
}
.nowrap {
    white-space: nowrap;
    vertical-align: top;
}
#wait,#wait2 {
    display:none;
    font-size:1.5em;
    margin: 150px;
}
progress[value] {
    width: 500px;
    height: 5px;
    margin: 20px;
}
hr {
    /*xxwidth: 600px;   */
    max-width: 90%;
    background:deepskyblue;
    background:linear-gradient(to right, rgba(0, 191, 255,0) 10%,rgba(0, 191, 255,1) 50%,rgba(0, 191, 255,0) 90%);
    border: none; 
    height: 1px;
}
/* web form */
#form-id {
    margin: 100px 20px;
}   

/* big JAY2K1 logo background */
svg {
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    margin:auto;
    width:90%;
    height:90%;
    z-index:-10;
}
path {
    fill:#141414;
    fill-opacity:0.1;
}
/* end of big JAY2K1 logo background */

/* parsehangouts.php */
textarea {
    background-color: #444;
    width: 100%;
    color:white;
    font-family:monospace;
    height:600px;
}
.expires {
    margin: 20px;
    color: #999;
}

#convolist {
    margin: 20px;
}
.convolist {
    background-color:#eee;
}
.convolist th {
    background-color:#666;
    border: 1px solid black;
}
.convolist td {
    border: 1px solid black;

}
#spacer1 {
    height:50px;
    width: 100%;
    
}

.dateheading {
    font-size: 2em;
    font-weight: bold;
    color: white;
    padding: 20px 0px 10px 10px;
    margin: 0;
    max-width:100%;
    background: rgba(41, 41, 41, 0.9);
    background: linear-gradient(to right, rgba(41,41,41,0.9) 0%,rgba(41,41,41,0) 75%); 
}
.convo {
    margin: 5px 5px 5px 10px;   
    color:black;
}
table.convo td {
 padding: 2px 5px;   
}
tr.heading {
    background-color: #ddd;
    font-size: 0.75em;
    border-top: 8px solid #333;

}
td.heading {
    background-color: #ddd;
    font-size: 0.85em;
}
tr.message {
    background-color: #eee;
}
tr.hangout_event {
    background-color: #ddd !important;
     font-style: italic;
}
tr.sms {
    background-color: #eee;
    font-style: italic;
}
.sender_me {
    background-color: hsl(60, 100%, 91%) !important;

}
.sender_else {
    background-color: hsl(240, 100%, 91%) !important;
}


table#convolist td {
    color:black;
    padding: 2px 5px;
}
table#convolist td.top {
    vertical-align: top;
}
table#convolist a {
    color:mediumblue;
}
.nowrap {
    white-space: nowrap;
    vertical-align: top;
}
#backtolist {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px;
    /*background: rgba(25, 25, 25, 0.75);*/
    background: rgba(25, 25, 25, 1);
    margin: 0;
    height: 20px;
    box-shadow: 0 0 35px 20px rgba(25, 25, 25, 1);
    z-index:2;
    float:none;
}
p.phprogress {
    margin:0;
}
h3.phprogress {
    font-weight: 300;
}
#downloadall {
margin: 10px 0 30px 0;
}
progress[value] {
    width: 500px;
    height: 5px;
    margin: 20px;
}
th.sortable {
    cursor:pointer;
}

.smaller {
    font-size: small;
    color:#999;
}