body {
    background-image: url("../img/logo2.png") ;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

body > .container {
    padding: 60px 15px ;

}
button {
    cursor: pointer;
}

#mainFooter {
    border-top: 1px solid #ddd;
    background: rgba(225,225,225,0.8);
    min-height: 25px;
    height: 25px;
    position: fixed;
    bottom: 0;
    width: 100%;
    line-height: 20px;
    z-index: 101;

}
.loading-modal {
    border: none;
    display:    none;
    position:   fixed;
    z-index:    9999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: url('/img/l.gif') 50% 50% no-repeat;

}
body.loading .loading-modal {
    display: block;
}
li.active {
    background: #eee;
}
.jumbotron {
    background-color: rgba(210,210,210,0.8);
    background-image: url("../img/egg.png");
    background-position: right top;
    padding: 24px 50px;

}
.jumbotron .lead {
    font-size: 1.4em;
}
#errM {
    display: none;
    width: 100%;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
}
#errMGTD {
    display: none;
    width: 100%;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
}
.btn-xs {
    padding: 0.125rem 0.25rem;
    font-size: 0.7rem;
    line-height: 1.2;
    border-radius: 0.2rem;
}

#mainForm {
    margin-top: 10px;
}
#options {
    margin: 5px 0;
}
.infoBox {
    background-color: rgba(220,220,245,0.6);
    padding: 10px;
    border-radius: 6px;
    margin: 0px;
}
#options {
    background-color: rgba(220,220,220,0.5);
    padding: 5px;
    border-radius: 6px;
    margin: 0px;
}
#options h4 {
    font-size: 1.2rem;
    border-bottom: 1px solid #aaa;
    padding: 5px 0;
}
#options h5 {
    font-size: 0.9rem;
}

#inputForm .btn-info {
    margin: 0 3px;
}
#inputForm .radio {
    margin: 5px;
}



.help {
    background-color: rgba(220,220,245,0.6);
    padding: 10px;
    border-radius: 6px;
    margin: 0px;
}

.help h2 {
    border-bottom: 1px solid #99a;
}

.dbNfo {
    width: 100%;
    border-collapse: collapse;
}
.dbNfo th {
    border: 1px solid #999;
    border-right: 2px solid #999;
    padding: 5px;
}
.dbNfo td {
    padding: 5px;
    border: 1px solid #999;
}
.popover
{
    min-width: 300px ! important;
}
.errorBox {
    padding: 20px;
    border: 1px solid #ff0906;
    background: #ff9b9a;
    font-size: 1.2em;
    text-align: center;
    border-radius: 10px;
    margin: 20px;
}
.changePop {
    padding: 10px;
}
.changePop label {
    font-size: 1.1em;
}

.panelPop {
    padding: 20px;
    text-align:center;
    font-size: 1.5em;
}

.tokenTable th {
    vertical-align: middle;
}
.tokenTable button {
    width: 100%!important;
}
.accDivider {
    border-bottom: 1px solid #777;
    border-top: 1px solid #777;
    text-align:center!important;
}
#accountTable {
    border-collapse: collapse;

}
#accountTable th {
    padding: 5px 10px;
    text-align: right;
}
#accountTable td {
    padding: 5px 10px;
}
#accountTable button {
    width: 100%!important;
}
.paypalTokenCell {
    text-align: center;
}
.paypalTokenCell div {
    margin-top: 2px;
}
.tokenCount {
    background: #cce;
    border: 1px solid #444;
    border-radius: 3px;
    padding: 0 5px;
}

#excelSubTable {
    border-collapse: collapse;
}
#excelSubTable  th {
    padding: 5px 10px;
    text-align: right;
}
#excelSubTable td {
    padding: 5px 10px;
}

#excelSubTable button {
    width: 100%!important;
}


#excelSubTable .accDivider {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    text-align:center!important;
}


.excelSubInfo {
    background: #eee;
    border-radius: 15px;
    padding: 20px;
}
.excelSubInfo h5 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.fgrp2 {
    display: none;
}
#phylotTab {
    margin-top: 5px;
}
#phylotTab .nav-link {
    background-color: rgba(220,220,220,0.7);
}
#phylotTab .nav-link.active {
    background-color: white;
    font-weight: bold;
}