<style>
/* START EDITABLE STYLES FOR ACCOUNT MANAGERS*/
.modal-body .header{
height: 75px;
background-color: #670000;
}
.action-button{
background-color: #670000;
color: #fff;
padding: 10px 28px;
font-size: 20px;
border-radius: 7px;
margin-top: 50px;
display: inline-block;
font-family: ‘museo_sans500’;
}
.action-button:hover{
text-decoration: none;
color: #ffffff;
background: #670000;
}
.bar{
width: 75%;
height: 98%;
background-color: #7d3c26;
float: right;
}
.lines {
border-left: 5px solid;
border-top: 5px solid;
border-color: #fdbb30;
float: left;
height: 129px;
width: 107px;
position: absolute;
top: 35px;
left: 50px;
}
/* END EDITABLE STYLES FOR ACCOUNT MANAGERS*/
#site-container .modal .modal-body p.header-text{
color:#fff;
font-size: 28px;
float: left;
padding: 26px 0px 0px 88px;
font-family: ‘museo_sans500’;
}
#site-container .custom-content .modal .modal-dialog {
height: 600px;
}
#site-container .modal .modal-body p {
padding: 0px;
font-size: 26px;
line-height: 32px;
color: #636363;
font-family: ‘museo_sans500’;
font-weight: 300;
}
#site-container .modal .modal-body p.sub-heading{
font-weight: bold;
font-size: 28px;
font-family: ‘museo_sans500’;
}
#site-container .custom-content .modal .modal-dialog .modal-content .modal-body {
padding: 60px 0px 0px 0px;
font-family: ‘museo_sans500’;
}
.col-wrap{
width: 100%;
height: 100%;
padding: 0px 30px;
}
.col-25{
width: 25%;
height: 100%;
float: left;
}
.col-75{
width: 75%;
float: right;
padding: 40px 40px;
}
#site-container .custom-content .modal .modal-dialog .modal-content {
border-radius: 1px;
height: 100%;
}
#site-container .custom-content .modal .modal-dialog{
height: 600px;
}
</style>
<div class=’header’>
<div class=’lines’>
</div>
<p class=’header-text’>Insurance</p>
</div>
<div class=’col-wrap’>
<div class=’col-25′>
<div class=’bar’>
</div>
</div>
<div class=’col-75′>
<p class=’sub-heading’>Congrats on completing the module!</p>
<br>
<p>Review your benefits enrollment forms to make sure your beneficiary selections are up to date.</p>
</div>
</div>
