/* CSS Document */

#questionnaire {
    padding: 24px;
    border: 1px solid #000;
    display: inline-block;
    background-image: url(/images/questionnaire_feedback_bg.jpg);
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #0c2872;
    box-shadow: inset 0px 6px 8px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: inset 0px 6px 8px rgba(0, 0, 0, 0.32);
    -webkit-box-shadow: inset 0px 6px 8px rgba(0, 0, 0, 0.32);
}

    #questionnaire h1 {
        font-size: 24px;
        margin: 0px;
    }

    #questionnaire a {
        color: #ffffff !important;
        text-shadow: -1px 1px 2px #0c2872;
    }

label {
    font-size:14px;
}
/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 16px;
    font-weight:normal;
    margin: 0 0 2px 0;
    padding: 0.5rem;
    height: 40px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.2s, border-color 0.2s;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="date"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="time"]:focus,
    input[type="url"]:focus,
    textarea:focus {
        box-shadow: 0 0 5px rgba(153, 153, 153, 0.3);
        border-color: #999999;
    }

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="date"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="time"]:focus,
    input[type="url"]:focus,
    textarea:focus {
        background: rgba(0,0,0,0.01);
        border-color: #999999;
        outline: none;
    }

    input[type="text"]:disabled,
    input[type="password"]:disabled,
    input[type="date"]:disabled,
    input[type="datetime"]:disabled,
    input[type="datetime-local"]:disabled,
    input[type="month"]:disabled,
    input[type="week"]:disabled,
    input[type="email"]:disabled,
    input[type="number"]:disabled,
    input[type="search"]:disabled,
    input[type="tel"]:disabled,
    input[type="time"]:disabled,
    input[type="url"]:disabled,
    textarea:disabled {
        background-color: #dddddd;
        cursor: default;
    }

    input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"],
    input[type="password"][disabled],
    input[type="password"][readonly], fieldset[disabled] input[type="password"],
    input[type="date"][disabled],
    input[type="date"][readonly], fieldset[disabled] input[type="date"],
    input[type="datetime"][disabled],
    input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"],
    input[type="datetime-local"][disabled],
    input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"],
    input[type="month"][disabled],
    input[type="month"][readonly], fieldset[disabled] input[type="month"],
    input[type="week"][disabled],
    input[type="week"][readonly], fieldset[disabled] input[type="week"],
    input[type="email"][disabled],
    input[type="email"][readonly], fieldset[disabled] input[type="email"],
    input[type="number"][disabled],
    input[type="number"][readonly], fieldset[disabled] input[type="number"],
    input[type="search"][disabled],
    input[type="search"][readonly], fieldset[disabled] input[type="search"],
    input[type="tel"][disabled],
    input[type="tel"][readonly], fieldset[disabled] input[type="tel"],
    input[type="time"][disabled],
    input[type="time"][readonly], fieldset[disabled] input[type="time"],
    input[type="url"][disabled],
    input[type="url"][readonly], fieldset[disabled] input[type="url"],
    textarea[disabled],
    textarea[readonly], fieldset[disabled] textarea {
        background-color: #dddddd;
        cursor: default;
    }

    input[type="text"].radius,
    input[type="password"].radius,
    input[type="date"].radius,
    input[type="datetime"].radius,
    input[type="datetime-local"].radius,
    input[type="month"].radius,
    input[type="week"].radius,
    input[type="email"].radius,
    input[type="number"].radius,
    input[type="search"].radius,
    input[type="tel"].radius,
    input[type="time"].radius,
    input[type="url"].radius,
    textarea.radius {
        border-radius: 3px;
    }

input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
    height: auto;
}

/* Add height value for select elements to match text input height */
select {
    -webkit-appearance: none !important;
    -webkit-border-radius: 0px;
    background-color: #fafafa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100% center;
    background-repeat: no-repeat;
    border: 1px solid #cccccc;
    padding: 0.5rem;
    font-size: 16px;
    font-weight:normal;
    color: rgba(0, 0, 0, 0.75);
    line-height: normal;
    border-radius: 0;
    height: 40px;
}

    select.radius {
        border-radius: 3px;
    }

    select:hover {
        background-color: #f3f3f3;
        border-color: #999999;
    }

    select:disabled {
        background-color: #dddddd;
        cursor: default;
    }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    margin: 0 0 1rem 0;
}

    input[type="checkbox"] + label,
    input[type="radio"] + label {
        display: inline-block;
        margin-left: 0.5rem;
        margin-right: 1rem;
        margin-bottom: 0;
        vertical-align: baseline;
    }



/* Normalize file input width */
input[type="file"] {
    width: 100%;
}

input[type="email"] {
    width: 281px;
}
input[type="text"] {
    width: 200px; 
}
.main-article {
    padding: 0px;
    background: #fff top center;
    border: 10px solid #0a1a55;
}
.column, .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left;
}
form {
    margin:0px;
}
::-webkit-input-placeholder {
    color:rgba(0,0,0,0.3);
    font-size:14px;
    font-weight:bold;
}

::-moz-placeholder { 
    color:rgba(0,0,0,0.3);
    font-size:14px;
    font-weight:bold;
}

:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
    font-size: 14px;
    font-weight: bold;
}

:-moz-placeholder {
    color: rgba(0,0,0,0.3);
    font-size: 14px;
    font-weight: bold;
}
.selectedTopic {
    opacity:0.5;
}

.assets, .assetsSelected, .insurances, .insurancesSelected {
    position: relative;
    display: inline-block;
    padding: 10px;
    border: 1px solid #7ea62f;
    border-radius: 3px;
    color: #7ea62f;
    width: 96px;
    height: auto;
    margin-bottom: 10px;
}
    .assets:hover, .assetsSelected {
        background: #7ea62f;
        color: #fff;
    }
    .insurances, .insurancesSelected {
        border: 1px solid #2855c1;
        color: #2855c1;
    }
    .insurances:hover, .insurancesSelected {
        background: #2855c1;
        color: #fff;
    }
.liabilities, .liabilitiesSelected {
    position: relative;
    display: inline-block;
    padding: 10px;
    border: 1px solid #810e21;
    border-radius: 3px;
    color: #810e21;
    width: 96px;
    height: auto;
}
    .liabilities:hover, .liabilitiesSelected {
        background: #810e21;
        color: #fff;
    }
.submitButton {
    width:190px; height:85px;
    font-size:16px; 
    font-weight:bold;
    vertical-align:top;
    text-align:center;
    padding-left:15px;
    background-color:rgba(0,0,0,0.03);
    outline:none;
    border:1px solid rgba(0,0,0,0.07);
}
    .submitButton .fa {
        font-size: 35px;
        font-weight: normal;
        top:2px;
    }
    .submitButton:hover {
        background-color: #7ea62f;
        outline: none;
        color: #fff;
        border: 1px solid #7ea62f;
        text-shadow: 0px 0px 1px rgba(0,0,0,0.7);
    }

.menuItem {
    border-bottom:1px solid rgba(255,255,255,0.2);
    padding:10px;
    cursor:pointer;
}
.menuItem:hover {
    background: rgba(255,255,255,0.1);
}


.footer {
    width: 100%;
    background: #000;
    color: #fff;
    padding: 20px 0px 20px 0px;
    font-size: 8px;
    font-weight: normal;
}

.inline-list {
    margin: 0 auto 1.0625rem auto;
    margin-left: -1.375rem;
    margin-right: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

    .inline-list > li {
        list-style: none;
        float: left;
        margin-left: 1.375rem;
        display: block;
    }

        .inline-list > li > * {
            display: block;
        }

        .inline-list > li a: {
            color: #fff;
        }
footer a {
    color:#fff;
    font-size:12px;
}
.menuClose {
    right: -300px;
    -webkit-transition: right 0.2s ease-in-out;
    -moz-transition: right 0.2s ease-in-out;
    -o-transition: right 0.2s ease-in-out;
    transition: right 0.2s ease-in-out;
}
.menuOpen {
    right: 0px;
    -webkit-transition: right 0.2s ease-in-out;
    -moz-transition: right 0.2s ease-in-out;
    -o-transition: right 0.2s ease-in-out;
    transition: right 0.2s ease-in-out;
}
.seeThru {
    opacity:0.5;
}
#finalReview table {
    width:100%;
    height:100%;
}
#finalReview table td div {
    padding:6px;
    font-size:16px;
    font-weight:bold;
}
    #finalReview table td {
        padding-left: 16px;
    }
#finalReview table tr {
    border-bottom:1px solid rgba(0,0,0,0.2);
}
    #finalReview table tr:nth-child(even) {
        background:rgba(0,0,0,0.08);
    }