.page{
	min-height: 100vh;
	background-color: white;
}
.fixfooter {
	position: fixed;
	bottom: 0;
	width: 100%;
}

.bg-white {
	background: white;
}

.userXy {
	width: 100%;
	padding: 10px;
	margin: 0 auto;
	overflow-y: auto;
	height: calc(100vh - 120px);
}

.index-footer {
    height: 100px;
    line-height:2.2rem;
}
.success-footer {
    padding:15px 0; 
}
.font-size-08 {
    font-size: 0.8rem;
}
.font-size-1 {
	font-size: 1rem
}

.index-button {
	display: flex;
	justify-content: space-around;
}
.index-button button{
    height:40px;
	width:40%;
    font-size:1rem;
    margin:5px 0;
}
.docter-img{
	max-width:100px !important;
	height:130px !important;
}
.docter-desc{
	padding: 10px 0;
	line-height: 30px;
} 
.doctordetail-desc {
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    overflow-y: auto;
    height: calc(100vh - 300px); 
}
.doctor-header{
	display: flex;
	justify-content: space-around;
	padding: 20px 0px; 
	height: 170px;
	background:white;	
}
.doctor-header-desc{ 
	font-size:0.8rem;
	line-height: 2.5rem; 
}
.datelist li{
    height:50px;
    line-height:30px;
    font-size:1rem;
}
.state {
    position:absolute;
    right:50px;
    top:44%;
    border-radius:5px;
    font-size:12px;
    text-align:center;
    line-height:20px;
    height:20px;
    width:40px;
}
.state-ok {
    background:#2678d0;
    color:white;
}
.state-no {
    background:#ff6a00;
    color: white;
}