﻿#formContent {
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    text-align: center;
}

#formFooter {
    background-color: #f6f6f6;
    border-top: 1px solid #dce8f1;
    text-align: center;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

/* Form Elements Styles*/
.simple-form {
    margin: auto;
}

    .simple-form input {
        width: 80%;
        border: 1px solid #eee;
        border-left: 0.2vw solid;
        border-radius: 0.4vw;
        transition: border-color .5s ease-out;
        box-shadow: 0px 0px 0.50em #d9d9d9;
        -moz-border-radius: 0.125em;
        -webkit-border-radius: 0.125em;
        -moz-box-shadow: 0px 0px 0.50em #d9d9d9;
        -webkit-box-shadow: 0px 0px 0.50em #d9d9d9
    }

        .simple-form input:optional {
            border-left-color: #999;
        }

        .simple-form input:required {
            border-left-color: palegreen;
        }

        .simple-form input:invalid {
            border-left-color: salmon;
        }

        .simple-form input[type=button], input[type="file"], input[type=reset], input[type=submit] {
            background-color: #4CAF50;
            border: none;
            color: white;
            text-decoration: none;
            font-weight: bold;
            font-size: 1.5vh;
            margin: 2px;
            cursor: pointer;
            display: inline;
            width: auto;
            height: 2vw;
            box-shadow: 0px 0px 0.50em #d9d9d9;
            -moz-border-radius: 0.125em;
            -webkit-border-radius: 0.125em;
            -moz-box-shadow: 0px 0px 0.50em #d9d9d9;
            -webkit-box-shadow: 0px 0px 0.50em #d9d9d9
        }

            .simple-form input[type=button], input[type="file"], input[type="radio"], input[type=reset], input[type=submit]:hover {
                background: #2ecc71;
            }

        .simple-form input::-webkit-input-placeholder {
            color: #9B9B9B;
            padding-left: 1vw;
            padding: 3px 3px;
            font-size: 1vw;
        }

    .simple-form hr {
        margin: 3px;
        margin-left: 10% !important;
        margin-right: 10% !important;
        border-color: powderblue;
        width: 80%;
    }

    .simple-form table, th, td {
        font-size: 0.8vw;
        font-weight: bold;
        margin: 0.15vh;
        padding: 0.2vw;
        border: 0.1vw dotted powderblue;
    }

    .simple-form select {
        padding-left: 1vw;
        padding: 1px 1px;
        font-size: 1vw;
        width: 80%;
        height: 2vw;
        border-left: 0.2vw solid;
        border-color: ghostwhite;
        border-radius: 0.1vw;
    }

        .simple-form select:optional {
            border-left-color: #999;
        }

        .simple-form select:required {
            border-left-color: palegreen;
        }

        .simple-form select:invalid {
            border-left-color: salmon;
        }

    .simple-form label {
        color: #9B9B9B;
        padding-left: 1vw;
        font-size: 0.9vw;
    }

    /* Image Styles*/
    .simple-form img {
        margin-top: 0px auto;
        margin-left: 0px auto;
        margin-right: 0px auto;
    }

        .simple-form img.Layout {
            height: 95%;
            width: 95%;
        }

    .simple-form .img_header {
        width: 80%;
        height: auto
    }

    /* Better style on light background */
    .simple-form .imgshadow {
        background: #FFFFFF;
        padding: 0.250em;
        border: 1px solid #777777;
        margin-top: 0.313em;
        -moz-box-shadow: 0px 0px 0.188em #666666;
        -webkit-box-shadow: 0px 0px 0.188em #666666;
        box-shadow: 0px 0px 0.313em #666666;
    }

    .simple-form .img_left { /* Image sticks to the left */
        width: auto;
        float: left;
        margin: 0.313em 0.938em 0.313em 0.313em;
    }

    .simple-form .img-circle {
        border-radius: 50%;
    }

    .simple-form .centerIt {
        vertical-align: middle;
        text-align: center;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        display: flex;
    }
