html, body {
    /*min-height: 99%;*/
    height: 100%;
    min-width: 99%;
    /*background-color: #a04f4f;*/
    background-color: #E3E3E3;
    overflow: hidden;
}

.grp{
    display: block;
    background: #0a3c5b;
    color: #FFFFFF;
    padding:12px 0 12px 0;
}
.grp p,.grp button{
    color: #eeee22;
    padding-right: 10px;
    padding-top: 5px;
    letter-spacing:2px;
    font-size: 1.5em;
    cursor: pointer;
}
.gray{
    background: #E3E3E3;
}
.white{
    background:#fff6ec;
}
#particles-js {
    height:100%;
}

.form-container-row {
    height: 100%;
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow-y: scroll;
    margin:0;
}
#form-container {
    min-height: 50%;
    background: rgba(255,255,255,0.6);
    background: #FFFFFF;
    color: #333333;
    padding: 2em;

    -webkit-box-shadow: 0 8px 17px 0 rgba(255,255,255,.2), 0 6px 20px 0 rgba(255,255,255,.19);
    -moz-box-shadow: 0 8px 17px 0 rgba(255,255,255,.2), 0 6px 20px 0 rgba(255,255,255,.19);
    box-shadow: 0 8px 17px 0 rgba(255,255,255,.2), 0 6px 20px 0 rgba(255,255,255,.19);
}
.form-control, .form-control-lg{
    /*text-align: center;*/
    height:48px;
    background:#FAFAFA;
}
.submit-button {
    margin-top: 3em;
}
.submit-button button {
    background-color: #0a3c5b;
    color: #fff;
    font-weight: bolder;
    padding: 6px 3em;

    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}
.submit-button button:hover {
    color: #ddd;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}