

.sections_container {
    display:flex;
    flex-wrap: wrap;
    text-align:left;
}

.sections_container > div {
    flex-basis: auto;
}

.sections_container .container {
    flex-basis:calc(50% - 2em);
    padding:1em;
}



#account_plans {
    display:flex;
}

.plan_wrapper {
    flex-basis: calc(50% - 4.4em);
}

#policy_banner {
    position:relative;
}

#header_logo {
    position:absolute;
    top:0;
    left:0;
}

input [type="text"], .signup_form input[type="text"],
input [type="password"], .signup_form input[type="password"] {
    border: 0.2em solid #d0d6d9;
    text-align:left;
    padding:0.5em;
    width:calc(100% - 1.5em);
}


.error, .errorList, .error input, .error select,
.error input [type="password"],
.error input [type="text"],
 .signup_form .error input[type="password"],
 .signup_form .error input[type="text"] {
    color: #C3374D;
    border: 0.2em solid #C3374D;
}

 .error  [type="text"], .error select,
 .error  [type="password"] {
    width:calc(100% - 1.5em);
 }

 .msg_good {
     display:block;
     background-color:#299249;
     border:1px solid #299249;
     padding:0.5em;
     border-radius:0.25em;
     margin:0.25;
     color:#fff;
 }
 .msg_bad {
     display:block;
     background-color:#C3374D;
     border:1px solid #C3374D;
     padding:0.5em;
     border-radius:0.25em;
     margin:0.25em;
     color:#fff;
     font-size: 1em;
 }

.msg_bad a {
    text-decoration:underline;
    color:#fff;
}

.msg_bad a:hover, div.error a:hover {
    text-decoration:none;
}

div.error a {
    color:#C3374D;
    text-decoration:underline;
}
