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

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

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

.my_appointment_container .tools .title{
	flex-grow: 1;
    text-align: left;
    line-height: 35px;
	font-size: 1.2em;
}

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

.my_appointment_container table.my_appointment{
	width: 100%;
}

.my_appointment_container table.my_appointment tr.done{
	background: #fff;
}

.my_appointment_container table.my_appointment tr{
	cursor: pointer;
	background: #f5f5f5;
}

.my_appointment_container table.my_appointment tr:hover{
	background: #fafafa;
}

.my_appointment_container table.my_appointment td{
	vertical-align: top;
	border-bottom: 3px solid #f0f0f0;
    padding: 8px 7px;
}

.my_appointment_container table.my_appointment td.image{
	width: 80px;
}

.my_appointment_container table.my_appointment td.notfound{
	text-align: center;
}

.my_appointment_container table.my_appointment td.is_diag,
.my_appointment_container table.my_appointment td.name{
	white-space: nowrap;
}