ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }

ul#tabs li { display: inline; }

ul#tabs li a { color: #42454a; background-color: #f4f4f4; font-size:20px;  border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em 0.7em 0.25em 0.7em; text-decoration: none; }

ul#tabs li a:hover { color: #ffffff; background-color: #8b0000; }

ul#tabs li a.selected { color: #000; background-color: #fffeec; font-weight: bold; font-size:20px; border: 2px solid #c9c3ba;  border-bottom: 0px #ffffff; padding: 0.7em 0.7em 0.3em 0.7em; }

div.tabContent.hide { display: none; }
	  
div#settings {
  padding: 5px;
  font-size: 14px;
}

.account-header {
  font-size: 22px;
  color: #191970;
  margin: 9px 0px 9px 60px;
  text-align: left;
}

div#settings h2 {
  font-size: 15px;
  color: #a00;
}

div#success {
	border-radius: 3px;
	background-color: #00c851;
	padding: 10px 15px 10px 15px;
	color: white;
	margin-bottom: 15px;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

div#error {
	border-radius: 3px;
	background-color: #ff3547;
	padding: 10px 15px 10px 15px;
	color: white;
	margin-bottom: 15px;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

div#settings td {
vertical-align : middle;
}

.settingsform{
	font-size:14px;
	font-weight:bold;
	background:#f7f2f0;
	height:20px;
	line-height:20px;
	color:#000000;
	width:150;
	margin:3px;
}

.settingsbtn{
	font-size:14px;
	font-weight:bold;
	background:#d3d3d3;
	height:40px;
	line-height:20px;
	color:#191970;
	width:150;
	margin:3px;
}
.settingsbtn:hover {
	background:#f5f5f5;
}

fieldset.medbox .fieldhead{
	background-image: url('../images/backmed_head.png');
	background-repeat: no-repeat;
	width: 730px;
	height: 10px;
	position: absolute;
	top: -10px;
	margin-left: -180px;
}

fieldset.medbox{
	background-image: url('../images/backmed_body.png');
	background-repeat: repeat-y;
	position: relative;
	padding: 0 0 7px 180px;
	border: 0;
	width: 550px;
	height: auto;
	margin: 0 0 20px 0;
}


fieldset.medbox .fieldfoot{
	background-image: url('../images/backmed_foot.png');
	background-repeat: no-repeat;
	width: 730px;
	height: 13px;
	position: absolute;
	bottom: -13px;
	margin-left: -180px;
}

fieldset.medbox legend{
	background-image: url('../images/bookmark-right.png');
	background-repeat: no-repeat;
	width: 167px;
	height: 46px;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	position: absolute;	
	top: 3px;
	left: -3px;
	padding: 10px 0 0 0;
}

div.mdc-elevation--z9 {
	border-radius: 5px;
}

.first-tab .mdc-tab__ripple {
	border-radius: 5px 0px 0px 0px;
}

.last-tab .mdc-tab__ripple {
	border-radius: 0px 5px 0px 0px;
}

.mdc-tab:not(.mdc-tab--active) {
	border-bottom: #ecf0f1 solid 2px;
}

#LoginInfo table {
    display: inline-block;
}

#LoginInfo .mdc-text-field {
    width: 300px;
}

#SecurityPin .mdc-text-field {
    width: 500px;
}

.mdc-form-field {
	align-items: unset;
}

.mdc-checkbox {
	vertical-align: middle;
}

#Payments .mdc-select {
	width: 860px;
}

#Payments {
	padding: 20px;
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
	left: -100%;
}