ul.attendances{background:#fff;display:block;z-index:99;left:0;top:0}ul.attendances>li{cursor:pointer;margin-bottom:10px;display:flex;align-items:center}ul.attendances>li>span{display:block}ul.attendances>li>span:first-child{margin-right:4px;border:1px solid #ebebeb;border-radius:100%;width:20px;height:20px;min-height:20px;min-width:20px;max-height:20px;max-width:20px}.client-attendance{position:relative;overflow:visible}.attendance{display:flex;justify-content:center;align-items:center;border-radius:100%;padding:0;margin:0;width:18px;height:18px;max-width:18px;max-height:18px;min-width:18px;min-height:18px;border:1px solid #999;text-align:center;color:#111}.attendance.type_null{background:#fff}.attendance.type_0{background:green}.attendance.type_1{background:red}.attendance.type_2{background:#00f}.attendance.type_3{background:#ff0}.rating-list{margin-left:5px;display:flex}.rating-list>li{cursor:pointer;background:red;display:flex;justify-content:center;align-items:center;border-radius:100%;padding:0;margin:0 5px 0 0;width:18px;height:18px;max-width:18px;max-height:18px;min-width:18px;min-height:18px;border:1px solid #999}.rating-list>li.type_add{background:#777}.rating-list>li.type_3{background:green}.rating-list>li.type_4{background:#00f}.rating-list>li.type_5{background:green}.rating-list>li>span{display:block;color:#fff;font-weight:700;font-size:12px}