@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


body{
	
	font-size:13px; color:#737373
}
.main_content{background:#fff;padding:15px;margin:30px 0}
.main_content table{width:100%!important}
.main_content a, .main_content a:link, .main_content a:visited {color: #840132;}

.main_content h1 {font-family: 'Roboto Slab';font-weight: 400;font-size: 27px; margin: 0;color:#434444;position:relative;padding-bottom:30px;}
.main_content h1:After{ content: ""; position:absolute;bottom:10px; display: block;width: 50px; height: 3px;background-color: #840132;}

input[type=password], input[type=text], input[type=email], input[type=tel], input:not([type]) {
    background: #fff;
    border: 1px solid #e8e8e8 ;
    font-family: Roboto;
    font-size: 13px;
    padding: 5px 10px;
    vertical-align: baseline;
	height:34px;
	color:#737373
}
input.password, input.text, select, textarea{
	background: #fff;
    border: 1px solid #e8e8e8 ;
    font-family: Roboto;
    font-size: 13px;
    padding: 5px 10px;
	height:34px;
	color:#737373
}
	
textarea{height:130px;}

ul.action a.default, button.default,.action button {
    background-color: #840132;
    font-weight: normal;
	color:#fff;
	font-family: 'Roboto';
    font-weight: 700;
	border: none;
	width:120px;
	text-align:center;
	padding:15px 5px;
}
.no-touch ul.action a:hover,.no-touch button:hover,.no-touch input[type=button]:hover,.no-touch input[type=submit]:hover {
    background-color: #6a132c;
}

.no-touch ul.action a.default:hover,.no-touch button.default:hover,.no-touch input[type=button].default:hover,.no-touch input[type=submit].default:hover {
    background-color: #6a132c;
}

.no-touch ul.action a:active,.no-touch button:active,.no-touch button.focus,.no-touch input[type=button]:active,.no-touch input[type=submit]:active,.no-touch ul.action a.default:active,.no-touch button.default:active,.no-touch input[type=button].default:active,.no-touch input[type=submit].default:active {
    background-color: #6a132c;
    color: #fff;
}

@media only screen and (min-width: 737px){
input[type=password], input[type=text], input[type=email], input[type=tel], input:not([type]),select{
	
	width:300px;
}



}


@media (min-width: 481px){
div.form_container:not(.form_width_narrow) div.form_question.form_layout_table {
    padding: 0 0 15px 0!important;

}
}
@media only screen and (max-width: 736px){
input[type=password], input[type=text], input[type=email], input[type=tel], input:not([type]), select, textarea{
	
	width:100%;
}


}

#birthdate select,.form_question[data-type="birthdate"] select,.form_birthdate select,
select[aria-label="Month"],select[aria-label="Day"],select[aria-label="Year"]{width:auto!important}

div[role="banner"] {
  background-color: #dadbdb!important;padding: 10px!important;color: #424242!important;
}

#global li:before{
    content: "\f2be";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-right:5px;
}

.password_requirements div{height:auto!important;font-size:13px;}


table.table>*>tr>th, table.table>*>tr>td {
    border-bottom: 1px solid #840132;
    padding: 8px 5px;
    text-align: left;
	color:#737373
}

tr.column>th, tr.column>td, .column {
    background-color: #fff;
    font-weight: 454546!important;
    text-align: left;
    vertical-align: bottom;
	font-size:15px;
	color:#454546
	
}

tr.header>th, tr.header>td, .header {
      padding-left: 5px;
    font-family: 'Roboto Slab';
    font-weight: 400!important;
    background-color: #F8E8DF;
    color: #840132!important;
    font-size: 16px;
}
.form_question .form_label{padding-bottom:5px;}
/**application details**/
.application_details_h > div{padding-bottom:10px;}
div.form_header .form_label{background:#840132!important;color:#fff;line-height:22px;font-weight:700!important;font-size:15px;}

#side{
	 background-color:#dadbdb; padding:10px; 
}
div#menu ul li a{
	color:#424242; text-decoration:none; font-weight:700; border-bottom:2px #d1d2d2 dotted; font-size:13px;	padding:8px 0 8px 20px; position:relative
	
}

div#menu ul li a:hover,div#menu ul li a.selected{
color:#840132; background:none	
}

table.table>thead>tr>td>a, table.table a.normal {
    color: #840132!important;
    text-decoration: underline!important;
}
tr.column>th, tr.column>td, .column{ font-size:13px;}

.main_content table{ clear:none}
#side{
width:200px!important
}
#main{ float:none!important; width:auto!important; margin-left:220px!important}
#main .form_container .form_pages{ display:grid;width:100%}
div#menu{ width:100%}