:root{
    --text:#B90000;
}

body {
    font: 1rem Arial;
    line-height: 1.5rem;
    color: #000;
}
#content_wrapper{
    border:1px solid var(--text);
    margin-top:50px;
    position: relative;

}
#logo{
    background: url("../img/logo.png") no-repeat;
    width: 210px;
    height: 73px;
    display: block;

}
.logo-wrapper{
    background: #FFFFFF ;
    position: absolute;
    top:-31px;
    right: 30px;
    padding: 0 10px;
}
h1.h1{
    font-size: 1.6rem;
}
h2.h2{
    font-size: 1.8rem;
}
h3.h3{
    font-size: 1.1rem;
}
h5 {
    font-weight: bold;
    font-size: 18px;
    color:var(--text);
    padding: 0;
    margin: 20px 0 10px 0;
}
#markup_sec_a,#markup_sec_b{
    font-weight: bold;
    font-size: 1.5rem;
    color:var(--text);
}
#markup_sec_a span {
    background: var(--text) none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    margin-left: 8px;
    padding: 0px 11px;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    vertical-align: middle;
}

.lbl.required:after,.lbl span.required:after,span.required:after{
    content: '*';
    color:var(--text);

}
.lbl i{
    color:#6c757d;
}
.form-check-inline {
    padding-top: calc(.375rem + 1px);
}
.form-check-label {
    vertical-align: middle;
}
.checklist{
    width: 100%;
}
.footnote{
    text-align: center;
    font-style: italic;
    font-weight: bold;
}

.was-validated .custom-radio :invalid ~ .invalid-feedback{
    display: inline;
    margin-left: 25px;
}

#otp{
    padding-left: 14px;
    letter-spacing: 41px;
    border: 0;
    background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 50px 2px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 353px;
    font-weight: bold;
    min-width: 220px;
    border-radius: 0;
}

#divInner{
    left: 0;
    position: sticky;
}

#divOuter{
    width: 300px;
    overflow: hidden;
}