@charset "utf-8";

/*******************
 list.skin.php
 *******************/
.appointment-dropdown .dropdown-toggle::after {float:right;font-family:icon;content:'\e811';border:0}

/*******************
 write.skin.php
 *******************/
.btn-appointment{color:#212529;border-color:#ced4da}
.btn-appointment:hover,.btn-appointment:focus,.btn-appointment:active,.btn-appointment.active{color:#fff;background-color:#999900;border-color:#999900}
.btn-prev{z-index:10;position:absolute;left:4px;top:22px;padding:.15rem .25rem;font-size:1.25rem;color:#fff!important;text-decoration:none;cursor:pointer}
.btn-prev:hover{color:#fff!important;text-decoration:none}
.staff-btn-img{border-radius:4px;overflow:hidden}
/* .btn-staff.active,.btn-dept.active,.btn-time.active,.btn-path.active{background-color:#999900!important;color:#fff!important;border-color:#999900!important} */
.btn-staff.active .text-muted {color:rgba(255,255,255,0.8)!important}
.step-item {display:none}
.step-item.active{display:flex;height:600px;flex-direction:column}
.step-item .card-body{flex:1;overflow-y:auto}
.step-badge{display:inline-block;width:24px;height:24px;line-height:24px;border-radius:50rem;background:rgba(0,0,0,.25);color:#fff;font-weight:700;font-size:.9375rem;margin-right:.35rem;vertical-align:middle;margin-top:-3px;}
/* Datetimepicker Style */
.bootstrap-datetimepicker-widget table th{height:35px;line-height:35px}
.bootstrap-datetimepicker-widget table th.dow{background:#f5f7f9;border-radius:0}
.bootstrap-datetimepicker-widget table td.day{height:50px;line-height:50px;width:35px;}
.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#999900;color:#fff;cursor:pointer}
.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#e9ecef;cursor:not-allowed}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{color:#fff;background:#999900}