﻿body {
    background-color: #fff;
}

label {
    margin: 0 0.5%;
}

.formStyle {
    width: 70%;
    height: 70%;
    margin: 2% auto;
    background-color: white;
}

.title {
    margin: 2%;
    font-size: 1.5em;
    color: black;
}

.info-area {
    font-size: 1em;
    float: left;
    margin-right: 2%;
    padding-right: 2%;
    width: 35%;
    border-right: solid 0.2em #393179;
}

.inputs-block {
    margin-top: 5%;
    font-size: 1em;
    float: left;
    width: 63%;
}


#mainForm {
    margin: 2% auto;
}

.ui-datepicker-month,
.ui-datepicker-year {
    color: black;
}


.section-left {
    float: left;
    width: 50%;
    padding: 2%;
    border-right: 1px solid #aaa;
    text-align: justify;
}

.section-right {
    float: left;
    width: 40%;
    padding: 0.5%;
}

.formParameter {
    font-size: 1em;
    width: 100%;
    font-weight: bold;
    display: block;
    margin: 2%;
}

.rounded-corners-5 {
    height: 30px;
    font-size: 1.2em;
    color: #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.form-control {
    display: block;
    width: 100%;
}

.form-control-medium {
    width: 50% !important;
}

.form-control-short {
    width: 20% !important;
}

.tips {
    font-size: 0.8em;
    font-style: italic;
    font-weight: lighter;
}

.btnArea {
    height: 20%;
    margin: 5%;
}

.smtBtn {
    font-size: 1em;
    background-color: #1e90ff;
    margin: 0 auto;
    color: white;
    font-weight: bold;
    border: none;
    width: 40%;
    height: 2.5em;
}

.rounded-corners {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.submitResp {
    margin-top: 5px;
}

.pTitle {
    font-size: 1.5em;
    color: #1e90ff;
    font-weight: bold;
}

.pSubTitle {
    font-size: 1.2em;
    font-weight: lighter;
}

.pStrong {
    font-weight: bold;
    font-size: 1em;
}

.appIdArea {
    width: auto!important;
}

.g-recaptcha {
    width: 50%;
}

.confirmation-float-window {
    background-color: #393179;
    margin:7% auto;
    position: absolute;
    color: white;
    font-weight: lighter;
    box-shadow: 10px 10px 5px #888888;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 70%;

}

    .confirmation-float-window > .text-area {
        margin: 5% auto;
        width: 70%;

    }

#close-popup {
    float: right;
    background: white;
    color: #393179;
    margin: 1%;
    /*font-size: 1.2em;*/
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

    #close-popup:hover {
        background: #C4C1D7;
        color: white;
    }
