@charset "utf-8";

body {background-color: #ecf0f5;}

#header{
	overflow: hidden;
	margin-bottom: 20px;
	background-color: #3c8dbc;
	top: 0;
	width: 100%;
	padding: 10px 0;
}
#wrapper{
	width: 100%;
	/*position: relative;*/
	min-height: 100%;
}
#footer{
	height: 50px;
	/*position: absolute;*/
	bottom: 0;
	width: 100%;
	/*background-color: #000;*/
	text-align: center;
	/*color: #fff;*/
	font-size: 12px;
	padding: 15px 0;
	border-top: 1px solid #d2d6de;
}
.user-contacts  *{
	font-size: 14px;
}
.user-contacts{
	padding-top: 20px;
	padding-bottom: 20px;
}
.user-mail{
	background-color: #FFF;
	padding: 20px;
	margin-bottom: 50px;
}
.user-contacts-rsvnum{
	text-align: center;
	margin-bottom: 10px;
}
.user-contacts-rsvnum span{
	display: block;
	border: 5px solid #EEE;
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 20px;
}
.user-mailbody-btn{
	text-align: center;
	margin-top: 20px;
}

.msg-detail.usertype1,.msg-detail.usertype2{
	display: flex;
}
.msg-detail.usertype1{
	-webkit-justify-content: flex-end;
	        justify-content: flex-end;
}
.msg-detail.usertype1 .panel,.msg-detail.usertype2 .panel{
	width: 85%;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.msg-detail.usertype1 .panel{
	background-color: #a5f1df;
}
.msg-detail.usertype1 .panel,
.msg-detail.usertype2 .panel{
	position: relative;
}
.msg-detail.usertype1 .panel:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #a5f1df;
}
.msg-detail.usertype2 .panel:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #FFF;
}
.msg-detail.usertype1 .panel .panel-heading,
.msg-detail.usertype2 .panel .panel-heading{
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.msg-detail.usertype1 .panel .panel-heading .panel-title,
.msg-detail.usertype2 .panel .panel-heading .panel-title{
font-weight: bold;
font-size: 16px;
}
.msg-detail.usertype1 .panel .panel-heading p,
.msg-detail.usertype2 .panel .panel-heading p{
	font-size: 12px;
}
.msg-detail.usertype1 .panel .panel-body,
.msg-detail.usertype2 .panel .panel-body{
	padding: 15px;
}

.user-mail .msg{
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.user-mail .msg.msg-error{
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}

.ttl-b {
	font-weight: bold;
	background-color: #446175;
	color: #fff;
	padding: 8px 15px;
	border-radius: 3px;
	margin-bottom: 15px;
	}
.ttl-b i{color: #fff;}