@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&display=swap');

#container {
  max-width:650px;
  margin:0px auto;
  padding:5px;
}


body {
  padding:10px;
  font-family:'Lato', arial;
}
  
#logo {
  margin-bottom:40px;
}


h3, h4 {
font-family:'Lato', Trebuchet ms, helvetica;
}

.regtxt {
  font:14px 'Lato', arial, sans-serif;
  color:#444;
}


.submit-button {
        color:#333 !important;
        font:12px 'Lato',Arial, Helvetica, sans-serif;
        text-align:center;
	background-color:#ccc !important;
	padding:5px 10px;
	border:1px solid #555;
}

.hdb {
  font:bold 12px arial;
  color:#a91413;
  border-bottom:1px solid #888;
  border-top:1px solid #888;
  padding:5px;
  background-color:#f7f7f7;
  width:350px;
  display:block;
  margin:8px 3px;
  }

.hd {
  font:bold 20px trebuchet ms,arial,lucida;
  color:#1a65a0;
   }


.rd {
  font:bold 11px verdana;
  color:#cc0000;
}

.note , .smtxt {
font:13px 'Lato', sans-serif, arial;
color:#666;
}


input[type=text] {
  font:13px 'Lato', sans-serif, arial;
  color:#444;
  padding:3px;
  border-radius:0px;
}

select, textarea, option {
  font:13px 'Lato', arial;
  color:#444;
  padding:3px;
}

#logo {
  margin-bottom:30px;
}

form div {
  margin-bottom: 10px;
}

.error {
  color: red;
  margin-left: 5px;
  font:11px arial;
  font-style: italic ;
}

label.error {
  display: inline;
}

label {
  font-family:'Lato', arial;
}

/*==============================*/

.radio-toolbar input[type="radio"] {
  display: none;
}

.radio-toolbar label {
  display: inline-block;
  background-color: #ddd;
  padding: 4px 11px;
  font-family:'Lato', arial;
  font-size: 16px;
  cursor: pointer;
}

.radio-toolbar input[type="radio"]:checked+label {
  background-color: #999;
}