html {height: 100%;}
body {color: #35009c;}
main {line-height: 180%; font-size: 16px; text-align: justify;}
h1 {
	background-image: linear-gradient(to right bottom, #ffffff 0%, #ffffff 50%, #dddbff 80%, #756df3 90%, #35009c 100%);
	padding: 10px 0;
}
h3 {margin-bottom: 20px;}
a {cursor: pointer; color: #8C21B7; text-decoration: underline;}
input[type=checkbox] {margin-top: 6px; margin-left: 15px; margin-right: 10px; min-width: 20px; min-height: 20px;}

.msg {font-size: 20px; font-weight: bold;}
.warn_msg {background-color: #fcf8e3; color: #8a6d3b;}
.err_msg {background-color: #f2dede; color: #a94442;}


.form-check {display: flex; line-height: 180%; margin-bottom: 5px;}
.form-check-label {cursor: pointer; font-weight: normal; font-size: 16px;}

.text_highlight {font-weight: bold;}

.badge {
	background-color: #35009c;
	margin-bottom: 5px;
}

.panel-primary {
	border-color: #35009c;
}

.btn-primary, .btn-primary[disabled], .btn-primary:focus {
	background-color: #35009c;
	border-color: #35009c;
}
.btn-primary:hover, .btn-primary:active, .btn-primary[disabled]:hover, .btn-primary[disabled]:active {
	background-color: #756df3;
	border-color: #756df3;	
}

.btn-wrap-text {
    white-space: normal !important;
    word-wrap: break-word !important;
}

#terms_conditions li {
	margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
	input[type=checkbox] {margin-top: 6px; margin-left: 5px; margin-right: 10px;}
	.btn {width: 100%; margin-bottom: 20px}
}

@media (min-width: 601px) and (max-width: 1000px) {
	.btn {width: 100%; margin-bottom: 20px}
}