@charset "UTF-8";

/* .btn{
	border-radius:0;
	width:100%;
	max-width:20em;
	padding:20px 0;
	font-size:1.125rem;
	font-weight:bold;
} */

/* .btn-primary,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle{
	color:#ffffff;
	background-color:#412775;
	border:solid 1px #ffffff;
}

.btn-primary.disabled, .btn-primary:disabled{
	color:#ffffff;
	background-color:#412775;
	border:solid 1px #ffffff;
	filter:brightness(1.5);
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle{
	color:#ffffff;
	background-color:#f96a1a;
	border:solid 1px #ffffff;
}

.btn-secondary.disabled, .btn-secondary:disabled{
	color:#ffffff;
	background-color:#f96a1a;
	border:solid 1px #ffffff;
	filter:brightness(1.5);
} */

.alert{
	margin-top:1.5em;
	margin-bottom:1.5em;
}

.alert a.close{
	cursor:pointer;
}

.form-check-inline{
	margin-top:0;
	margin-bottom:1em;
	line-height:1.75em;
}

.form-check-input[type="checkbox"],
.form-check-input[type="radio"]{
	position:static;
	margin-top:0;
	margin-right:0.3125rem;
	margin-left:0.25em;

	transform:scale(1.125);
	position:relative;
	top:auto;
	bottom:auto;
	right:0.1em;
}

.form-check-input[type="radio"]{
	right:0.125em;
}

.form-control-plaintext{
	display:inline-block;
	padding-top:calc(.375rem + 1px);
	padding-bottom:calc(.375rem + 1px);
	margin-bottom:0;
	font-size:inherit;
	line-height:1.5;
}

.status{
	padding:10px 30px 25px 30px;
}

.status>.row>div{
	padding:5px;
}

.status .status-label{
	background-image:url('/images/status_label.png');
	background-position:right center;
	color:#333333;
	padding:5px;
	padding-right:20px;
	text-align:center;
	font-size:0.94rem;
}

.status .status-label.active{
	background-image:url('/images/status_label_active.png');
	color:#ffffff;
	font-weight:bold;
}

@media screen and (min-width: 0px) and (max-width: 575px){
	.status{
		padding:10px 15px 25px 15px;
	}
}









/* ----------------------------------------
footer
---------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 575px){
	.footer-background{
		padding-bottom:0;
	}
}








/* ----------------------------------------
scrollup-btn
---------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 575px){
	#scrollup-btn-block{
		bottom:0;
	}
}









/* ----------------------------------------
#agreement
---------------------------------------- */

#agreement .text-block{
	padding:20px 50px 0 50px;

}

#agreement p.lead{
	padding:0 0 0.94em 0;
	line-height:1.81em;
	font-size:1.25rem;
}

#agreement .terms{
	overflow:scroll;
	border:solid 1px #808080;
	height:300px;
	overflow-y:scroll;
	padding:30px;
	line-height:1.6em;
}

#agreement .terms p{
	text-align:justify;
}

#agreement .terms h3{
	margin:3.0em 0 2.5em 0;
	font-size:1.0rem;
}

#agreement .terms .indent-m1{
	text-indent:-2.8em;margin-left:2.8em;
}

#agreement .terms .indent-m2{
	text-indent:-2em;margin-left:4em;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#agreement .text-block{
		padding:20px 0 0 0;
	}

	#agreement p.lead{
		font-size:1.25rem;
	}

	#agreement .terms{
		border:solid 1px #808080;
		height:auto;
		padding:15px;
		line-height:1.6em;
	}
}

@media screen and (min-width: 0px) and (max-width: 575px){
	#agreement .text-block{
		padding:20px 0 15px 0;
	}
}









/* ----------------------------------------
#input-form
---------------------------------------- */

#input-form .event-data{
	padding:0 30px;
}

#input-form .event-data table caption{
	color:#333333;
}

#input-form .event-data table th{
	white-space:nowrap;
	font-weight:bold;
}

#input-form .event-data table ul li ul{
	margin-left:2em;
}

#input-form .text-block{
/* 	padding:20px 30px 15px 30px; */
}

#input-form .input-profile{
	padding:0 0;
}

#input-form .input-profile table th{
	white-space:nowrap;
	font-weight:bold;
}

@media screen and (min-width: 0px) and (max-width: 575px){
	#input-form .event-data,
	#input-form .text-block{
		padding:20px 0 15px 0;
	}

	#input-form .input-profile table,
	#input-form .input-profile table tbody,
	#input-form .input-profile table tr,
	#input-form .input-profile table th,
	#input-form .input-profile table td{
		display:block;
		width:100%;
		max-width:100%;
		white-space:normal;
	}

	#input-form .input-profile table{
		border:none;
	}

	#input-form .input-profile table tr th,
	#input-form .input-profile table tr td{
		border-bottom:none;
	}

	#input-form .input-profile table tr:last-child td{
		border-bottom:solid 1px #dee2e6;
	}
}









/* ----------------------------------------
#done
---------------------------------------- */

#done .text-block{
	padding:20px 30px 15px 30px;
}

#done .sent-email{
	margin:0 0;
	border: solid 1px #f96a1a;
	border-radius: 0;
	background:#;
	padding:30px;
	text-align:justify;
}

#done .sent-email .lead{
	margin:15px;
	font-weight:bold;
}

#done .mail-problem-info{
	margin:0 0;
	border: none 1px #f96a1a;
	border-radius: 15px;
	background:#efefef;
	padding:30px;
}

#done .mail-problem-info h3{
	color:#dc3545;
	text-align:center;
	font-size:1.25rem;
}

#done .mail-problem-info h4{
	margin-left:1.3em;
	text-indent:-1.3em;
}

@media screen and (min-width: 0px) and (max-width: 575px){
	#done .text-block{
		padding:20px 0 15px 0;
	}

	#done .sent-email{
		padding:15px;
	}

	#done .sent-email .lead{
		margin:15px;
		font-size:1.125rem;
	}
}









/* ----------------------------------------

---------------------------------------- */