.customerRecordClass .el-form-item__content,.customerRecordClass .el-form-item__label{font-size:13px!important}.customerRecordClass .el-form-item{margin-bottom:0}.AppointmentView .appointmentDesClass{right:100px;top:10px;z-index:1;width:500px}.AppointmentView .addAppointmentBtn{right:15px;top:10px;z-index:1}.AppointmentView .right_item{background:#f8f8f8}.AppointmentView .project_item{height:100px;overflow-y:scroll}.AppointmentView .checked_group{width:100%}.AppointmentView .normal_right{border-right:1px solid #c0c4cc}.AppointmentView .normal_left,.AppointmentView .normal_right{border-bottom:1px solid #c0c4cc;border-top:1px solid #c0c4cc;font-size:14px;padding:5px 20px;color:#333;height:40px;line-height:40px}.AppointmentView .normal_left{border-left:1px solid #c0c4cc}.AppointmentView .squareBlock_orange{width:20px;height:20px;background:#fdf4fd}.AppointmentView .squareBlock_gray{width:20px;height:20px;background:#f2f2f2}.AppointmentView .squareBlock_purple{width:20px;height:20px;background:#c9c}.AppointmentView .squareBlock_green{width:20px;height:20px;background:#91c47e}.AppointmentView .arrow_box{width:30px;height:30px}.AppointmentView .tdd{display:table-cell;vertical-align:middle;height:100%;z-index:10;position:relative}.AppointmentView .container{margin-top:5px;background-color:#fff;overflow:auto;font-size:12px}.AppointmentView .container .back_tab{border-top:1px solid #eee}.AppointmentView .container .left_div2 .table{width:100%;text-align:center;border-collapse:collapse;border-spacing:0}.AppointmentView .container .left_div2 .table .td{word-break:break-all;word-wrap:break-word;height:41px;width:70px;line-height:41px;overflow:hidden;text-align:center}.AppointmentView .container .left_div{width:70px;float:left;border-right:1px solid #eee}.AppointmentView .container .left_div .td{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.AppointmentView .container .left_div .left_div1{width:100%}.AppointmentView .container .left_div .left_div1 .td{border-top:1px solid #eee}.AppointmentView .container .left_div .left_div2{margin-top:18px;width:100%;overflow:hidden;height:calc(100vh - 270px)}.AppointmentView .container .left_div .left_div2 left-table2{margin-bottom:4px}.AppointmentView .container .right_div{width:calc(100% - 71px);float:left;overflow:hidden}.AppointmentView .container .right_div .right_div1{width:100%;overflow:hidden}.AppointmentView .container .right_div .right_div1 .right_table1{display:-webkit-box;display:-ms-flexbox;display:flex}.AppointmentView .container .right_div .right_div1 .right_table1 .tr_div{line-height:40px}.AppointmentView .container .right_div .right_div2{width:100%;overflow:auto;height:calc(100vh - 270px)}.AppointmentView .container .right_div .right_div2 .right_table2{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;position:relative}.AppointmentView .container .right_div .right_div2 .right_table2 .appointment_details{background:#fff;width:220px;position:absolute;z-index:666;-webkit-box-shadow:2px 2px 3px 3px #eee;box-shadow:2px 2px 3px 3px #eee;border-radius:5px;border:1px solid #f8f8f8}.AppointmentView .container .right_div .right_div2 .right_table2 .popper__arrow_left:after{content:"";position:absolute;width:0;height:0;left:-10px;top:10%;border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;border-radius:2px}.AppointmentView .container .right_div .right_div2 .right_table2 .popper__arrow_right:after{content:"";position:absolute;width:0;height:0;right:-10px;top:10%;border-top:10px solid transparent;border-left:10px solid #fff;border-bottom:10px solid transparent;border-radius:2px}.AppointmentView .container .right_div .tr_div{width:150px;height:100%}.AppointmentView .container .right_div .tr_div .td_div{height:40px;text-align:center;border-bottom:1px solid #eee;border-right:1px solid #eee;position:relative;width:150px}.AppointmentView .container .right_div .tr_div .td_div .select_td_show{position:absolute;top:0;width:150px;background-color:#f2f2f2;-ms-word-break:break-word;word-break:break-word;display:table}.AppointmentView .container .right_div .tr_div .td_div .td_show{position:absolute;top:0;width:150px;background-color:#fdf4fd;-ms-word-break:break-word;word-break:break-word;border-left:2px solid #f5b8f5;z-index:1;display:table}.AppointmentView .container .right_div .tr_div .td_div .td_show_1{position:absolute;top:0;width:150px;background-color:#c9c;-ms-word-break:break-word;word-break:break-word;z-index:auto;display:table}.AppointmentView .container .add_appointment{background:#f4fbff;color:#409eff;font-size:12px;line-height:40px;height:40px}.AppointmentView .container .normal_box{height:40px;width:100%}.AppointmentView .container .divider{position:absolute;top:0;background:#409eff;height:2px;z-index:99}.AppointmentView .container #right2_td_div{background-color:hsla(0,0%,94.9%,.5)}.AppointmentView .line_height_38{line-height:35px}.AppointmentView .el-scrollbar_height{height:60vh}.AppointmentView .el-scrollbar_height .el-scrollbar__wrap{overflow-x:hidden}.customer-autocomplete li{line-height:normal;padding:7px}.customer-autocomplete li .name{text-overflow:ellipsis;overflow:hidden}.customer-autocomplete li .info{font-size:12px;color:#b4b4b4}.customer-autocomplete li .highlighted .info{color:#ddd}