.change_appointment_container select
{
	margin-top: 1px;
	padding: 5px 7px;
}

.change_appointment_container table select
,.change_appointment_container table input
{
	padding: 3px 5px;
}

.change_appointment_container select.department{
	width: 200px;
}

.change_appointment_container input.date{
	padding: 0px 5px;
	cursor: pointer;
	text-align: center;
	width: 160px;
	height: 30px;
    outline: none;
    border: 1px solid #aaa;
    margin: 0px 5px;
}

.change_appointment_container .tools{
	padding: 5px 13px;
	text-align: right;
	display: flex;
	box-shadow: 0px -2px 6px black;
	z-index: 1;
	background: #f8f9fa;
	height: 46px;
}

.change_appointment_container .tools button{
	margin-left: 5px;
	line-height: 10px
}

.change_appointment_container .tools .title2{
	flex-grow: 1;
    text-align: left;
    line-height: 35px;
}

.change_appointment_container .tools .title2 .text{
	font-size: 1.2em;
}

.change_appointment_container .body{
	padding: 0px 5px;
	overflow-y: auto;
	height: 600px;
	margin-top: 5px;
}

.change_appointment_container label{
	cursor: pointer;
	user-select: none;
}

.change_appointment_container table.change_appointment{
	width: 100%;
	user-select: none;
}

.change_appointment_container table.change_appointment textarea{
	font-size: 0.9em;
	outline: none;
	width: 100%;
}

.change_appointment_container table.change_appointment .textarea_container{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-right: 2px;
	width: 25%;
}

.change_appointment_container table.change_appointment .textarea_container:last-child{
	text-align: left;
	width: 20%;
}

.change_appointment_container table.change_appointment textarea:focus{
	background: ivory;
}

.change_appointment_container table.change_appointment tr.done{
	background: #fff;
}

.change_appointment_container table.change_appointment tr{
	cursor: pointer;
	background: #f5f5f5;
}

.change_appointment_container table.change_appointment tr:hover{
}

.change_appointment_container table.change_appointment td{
	vertical-align: top;
	border-bottom: 2px solid #f0f0f0;
    padding: 8px 5px;
}

.change_appointment_container table.change_appointment td .diag{
	font-weight: bold;
	font-size: 0.9em;
}

.change_appointment_container table.change_appointment td .detail{
}

.change_appointment_container table.change_appointment td.image{
	width: 80px;
	text-align: center;
}

.change_appointment_container table.change_appointment td.notfound{
	text-align: center;
}

.change_appointment_container table.change_appointment td.is_diag,
.change_appointment_container table.change_appointment td.name{
	white-space: nowrap;
}

.change_appointment_container table.change_appointment .change_datetime
,.change_appointment_container table.change_appointment .change_doctor
,.change_appointment_container table.change_appointment .result_datetime
,.change_appointment_container table.change_appointment .result_doctor
{
	font-size: 0.8em;
	display: inline-block;
}

.change_appointment_container table.change_appointment .doctor{
	font-size: 0.9em;
}

.change_appointment_container table.change_appointment label{
	font-size: 0.9em;
}

.change_appointment_container table.change_appointment select.delivery_by{
	min-width: 150px;
	margin-bottom: 2px;
	font-size: 0.9em;
}

.change_appointment_container table.change_appointment input.tracking_number{
	text-align: center;
	width: 150px;
	font-size: 0.9em;
}