﻿
.securityQuestion-form {
    background-color: #d3d3d3;
}

    .securityQuestion-form input[type="text"] {
        padding: 0px;
        width: 65%;
    }

.container-securityQuestion {
    border: black 1px solid;
    border-top: 0;
    border-bottom: 0;
    background-color: #d3d3d3;
}

    .container-securityQuestion hr {
        margin-top: 0px;
        margin-bottom: 5px;
        border-top: 1px solid #b8b8b8;
    }

    .container-securityQuestion h2 {
        text-decoration: underline;
        margin-top: 14px;
        margin-left: 2%;
        margin-bottom: 4px;
        user-select: none;
    }

.securityQuestionInput-group {
    margin: auto;
    margin-top: 12px;
    padding: 0;
    width: 80%;
    user-select: initial;
}

    .securityQuestionInput-group label {
        width: auto;
        display: inline-block;
        background-color: #d3d3d3;
        font-weight: 800;
    }

    .securityQuestionInput-group input {
        margin-left: 4px;
        width: 60%;
        height: 26px;
        background-color: #f0f0f0;
    }
    
    .securityQuestionInput-group input[type="text"]:focus {
        margin-left: 4px;
        width: 60%;
        height: 26px;
        background-color: #f0f0f0;
        
        outline: none !important;
        border-color: #2c75ff;
        box-shadow: 0 0 10px #719ECE;
    }

.sub-label[name="securityQuestion-label"] {
    margin-left: 10px;
    width: auto;
    display: inline-block;
    background-color: #d3d3d3;
    font-weight: 400;
}