.addtable{border-collapse:separate;border-spacing:0 5px}.addtable td{padding-left:3px;white-space:pre}.containes{padding:20px 0!important}.header{height:10%;padding:20px}.header,.header .headerleft{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .headerleft{width:40%;height:100%}.header .headerleft .tybox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;height:30px;margin-left:15px}.header .headerleft .tybox .selecttype{height:16px;width:30px}.header .headerleft .tybox .text{margin-left:10px}.header .headerright{display:-webkit-box;display:-ms-flexbox;display:flex}.calendar{display:grid;grid-template-columns:1fr 9fr;height:90%}.calendar .calendarleft{height:100%}.calendar .calendarleft .ctop{height:10%;min-height:20px;border:1px solid #eee}.calendar .calendarleft .cbottom{height:90%;display:grid;justify-items:stretch;grid-template-rows:repeat(24,1fr)}.calendar .calendarleft .cbottom .week{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #eee}.calendar .calendarright{height:100%}.calendar .calendarright .crtop{display:grid;grid-template-columns:repeat(7,1fr);height:10%;min-height:20px}.calendar .calendarright .crtop .rdate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;border:1px solid #eee;text-align:center}.calendar .calendarright .crbottom{height:90%;display:grid;grid-template:repeat(24,1fr)/repeat(7,1fr)}.calendar .calendarright .crbottom .box{min-height:20px;border:1px solid #eee}.calendar .calendarright .crbottom .selecolor,.calendar .calendarright .isActive{background-color:#72bbff}.calendar .calendarright .abooked{background-color:#e14444}.calendar .calendarright .disable{background-color:#bbb}.img_bg{width:800px;height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;postion:relative}.img{width:800px;height:auto}.canvas_bg{width:800px;height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;z-index:1}