* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@-ms-viewport { width: device-width; }
@import url('https://fonts.googleapis.com/css?family=Raleway');

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

html, body {
    height: 100%;
    margin: 2vw;
    font-size: 1.5vw;
    background-color: #C0C0C0;
    font-family: 'Raleway', sans-serif;
}

TextBox
{
    font-size: 1.5vw;
    padding-left: 1.5vw;
}

button, #showrecovery
{
    width: 100%;
    font-size: 1.5vw;
}


.firstc
{
    width: 20vw;
    font-size: 2vw;
    height: 100%;
}

.helptext {
    font-size: 2vw;
    margin-left: 2vw;
    height: 100%;
}

.secondc
{
    width: 30vw;
    height: 100%;
    font-size: 1.5vw;
}


.thirdc
{
    width: 40vw;
    height: 100%;
    font-size: 1.5vw;
}

.inputs
{
    width: 80vw;
    height: 100%;
    font-size: 1.5vw;
}

.rowheight
{
    height: 2vw;
}

#username,#password,#showrecovery
{
    height: 5vw;
}

#password
{
 height: 5vw;
 font-size: 1.5vw;
 padding-left: 1vw;
 padding-right: 1vw;
}

#phrase
{
    height: 5vw;
    width: 60vw;
    font-size: 1.5vw;
    padding-left: 1vw;
    padding-right: 1vw;
}

#logonbutt,#Submit,#newrecovery,#savemeta
{
 height: 5vw;
 width: 75vw;
 font-size: 2vw;
}

.pbutton
{
 height: 4vw;
 font-size: 2vw;
}

.ubutton
{
 height: 3vw;
 font-size: 2vw;
 width: 10vw;
}

.gtbutton
{
 height: 4vw;
 font-size: 2vw;
 width: 30vw;
}

.middlelabel {
    font-size: 2vw;
}
.uploader
{
 height: 4vw;
 font-size: 2vw;
 width: 100%;
}

#bar {
    background-color:#00FF00;
    width:0%;
    height:4vw;
}

#tbutton
{
 height: 5vw;
 width: 75vw;
 font-size: 2vw;
}

#svalue
{
 height: 5vw;
 width: 55vw;
 font-size: 2vw;
 margin: auto;
 display: flex;
 align-items: center;
 justify-content: center;
}

#tbbutton, #sbbutton, #msbutton, #rbbutton, #fbbutton, #qbutton, #sbutton, #ambutton, #minterrefresh, #valrefresh {
    height: 5vw;
    width: 35vw;
    float: right;
    font-size: 2vw;
}

#rmbutton
{
 height: 5vw;
 width: 35vw;
 float: left;
 font-size: 2vw;
}

#my_qbutton,#other_qbutton
{
 height: 5vw;
 width: 35vw;
 float: none;
 font-size: 2vw;
}

#firstname,#email,#AddressField,#surname,#street,#locality,#mobile,#mypublickey,#myalias,#qaddress,#publickey,#dataid,#udata
{
    height: 5vw;
    font-size: 2vw;
    width: 70vw;
    padding-left: 1vw;
}

#baddress, #crecipient, #frecipient, #recipient, #transactionreceipt, #comments, #approver, #escrow, #newsigner, #signerdepends, #nwaddress, #feeaddress, #configaddress, .setterfield, #bwaddress, #bwnewaddress {
    height: 5vw;
    font-size: 2vw;
    width: 70vw;
    padding-left: 1vw;
}

#ebalance, #mybalance, #amount, #rbalance, #totalsupply, #obalance, #fbalance, #escrowbalance, #newcoins, #oldcoins, #coinallowance, #todaytrans, #dailylimit, #fee_values {
    height: 5vw;
    padding-left: 1vw;
    font-size: 2vw;
    width: 20vw;
}

#feetype, #fee_type,#fee_subtype,#thisslice
{
    margin: auto;
    text-align: center;
    height: 5vw;
    font-size: 2vw;
    width: 5vw;
}



#helptext
{
font-size: 1.5vw;
}

#header
{
font-size: 2.5vw;
text-align: center;
}

#logol,#logor
{
height: 9vw;
margin: auto;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#footer
{
text-align: center;
font-size: 2vw;
}

#demo, .LinkButton
{
text-align: center;
font-size: 2vw;
}