.daterange{float:right;width:15rem!important}.black{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:.7;z-index:11}.appointment-title{font-size:14px;border-left:5px solid #409eff;padding-left:20px;margin-bottom:20px}.appointment-record{padding:20px}.appointment-detail{width:74%;height:auto;position:fixed;left:13%;top:20%;z-index:12;padding:20px;background:#fff;border-radius:5px}.appointment-detail-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:20px}.appointment-detail-title span{font-size:14px;border-left:5px solid #409eff;padding-left:20px}.totalRed{text-align:center}.totalRed .cell{color:red!important}