body{
	background:rgb(239, 243, 248);
}
.main{
	margin: 0 auto;
	max-width: 1024px;
}
#customerSearchRow{
	display: flex;
	padding:15px;
	background: rgb(223, 240, 216);
	
}
label{
	line-height: 24px;
	font-size:13px;
}
.button{
	width: 100%;
	text-align: center;
	height: 32px;
	line-height: 32px;
	background: rgb(68, 182, 174);
	color: white;
	font-size:13px;
	border: 0px solid;
	cursor: pointer;
	margin-top:12px;
	
}
input{
	width: 100%;
	height: 32px;
	line-height: 32px;
		border: 0px solid;
	outline: 0px;
	padding-left:4px;
	padding-right:4px;
	font-size:13px;
}
#customerSearchRow .input{
	flex:1 1 0;
	height: 32px;
	line-height: 32px;

}
#customerSearchRow .button{
	flex:0 0 92px;
	text-align: center;
	height: 32px;
	line-height: 32px;
	background: rgb(68, 182, 174);
	color: white;
	font-size:13px;
	border: 0px solid;
	cursor: pointer;
}

#customerSearchRow .button:active {
    background: rgb(168, 182, 174);
}

#breakdownHeader{
	margin-top:18px;
	display: flex;
	font-size:14px;
	background: #ddd;
	color: #333;
	line-height: 42px;
	font-size:13px;
}
#breakdownHeader div:nth-child(1) {
	flex: 0 0 180px;
}
#breakdownHeader div:nth-child(2) {
	flex: 1 1 0;
}
.trackingRecordContainer{
	margin-top:24px;
}
.trackingHeader{
	font-weight: bold;
	background: #ddd;
	color: #333;
	line-height: 24px;
	font-size:16px;
	padding-left: 12px;
	padding-top:12px;
	
}
.breakdownHeader{
	display: flex;
	font-size:14px;
	background: #ddd;
	color: #333;
	line-height: 24px;
	font-size:13px;
	padding-bottom:12px;
}
.breakdownHeader div:nth-child(1) {
	flex: 0 0 180px;
	padding-left: 12px;
}
.breakdownHeader div:nth-child(2) {
	flex: 1 1 0;
	padding-left: 12px;
}

.row{
	display: flex;
	font-size:13px;
	color:#222222;
	line-height: 20px;
	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
#breakdown .row{
	display: flex;

	font-size:13px;
	color:#222222;
	line-height: 20px;
	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
#breakdown .row .datetime {
	flex: 0 0 200px;
	padding:12px;
	border-right:1px solid #dddddd;
	
}
#breakdown .row .content {
	flex: 1 1 0;
	padding:12px;
	
}

#breakdown .row:nth-child(odd){
	background:rgb(239,243,251);
}
#breakdown .row:nth-child(even){
	background:rgb(250,250,251);
}


.breakdown .row{
	display: flex;

	font-size:13px;
	color:#222222;
	line-height: 20px;
	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.row .datetime {
	flex: 0 0 180px;
	padding:12px;
	border-right:1px solid #dddddd;
	
}
.row .content {
	flex: 1 1 0;
	padding:12px;
	
}

.row:nth-child(odd){
	background:rgb(239,243,251);
}
.breakdown .row:nth-child(even){
	background:rgb(250,250,251);
}
#resultStatment{
	margin-top:24px;
	
}