body { margin:0 3rem 0 3rem; background-color: #AA336A; color: white; }
.sexeF { font-weight: bold; color: #FF00FF; font-size: 0.8rem;}
.sexeM { font-weight: bold; color: #208BFC; font-size: 0.8rem;}
.sexeO { font-weight: bold; color: #999; font-size: 0.8rem;}
.sexeT { font-weight: bold; color: #009933; font-size: 0.8rem;}
#sxchooser input { margin: 0 0.3em 0 1em; }
h1, h2, h3, h5 { text-align: center; padding-bottom: 0.5rem;}
.fa-exclamation-circle { font-size: smaller; vertical-align:super; color: #FF3333; }
.fa-question-circle { font-size: smaller; vertical-align:super; color: #3333FF; }
/*.card-columns { column-count:2; }*/
.card-body { padding: 0.5rem 0 0 1rem; }
.card-header { font-weight: bold; color: #f0f; }
#mbody {
	background-color: #AA336A;
	background-position: center;
	background-repeat: none;
	background-attachment: fixed;
	background-size: cover;
	color: white;
}
/* #mbody .form-control, #mbody .card-header, #mbody .card-body {
	opacity: 0.75;
}*/
.stext {
	background-image: url(/images/black.png);
	background-size: cover;
}
.showme {
	display: none;
}
a, a:hover, a:visited {
	color: grey;
}
.formtext {
   color: grey;
   font-style: italic;
   font-size: 0.8rem;
   padding-left: 1em;
}
.invalid-feedback {
	background: black;
}
.required > i {
	color: red;
}
@media only screen and (max-width: 768px) {
  [class*="variable"] {
    width: 100%;
	max-width: 100%;
	min-width: 100%;
  }
  .hideme {
	  display: none;
  }
  .showme {
	  display: block;
  }
  
}
.copyright {
    text-align: right;
    font-size: smaller;
    text-transform: italic;
}
ul.warn > li {
	display:block;
}
ul.warn > li:before {
	content: "\f071";
	font-family: "FontAwesome";
	float: left;
	margin-left: -17px;
	color: #dc3545 !important;
}