.attendancePage,.attendancePage .container{width:100%}.attendancePage .container .bar{width:100%;display:flex;flex-wrap:wrap;line-height:55px;align-items:center;justify-content:start}.attendancePage .container .bar .flexItem{margin-right:5px}.attendancePage .container .bar .flexItem .small{width:100px}.attendancePage .container .bar .flexItem .median{width:200px}.attendancePage .container .bar .flexItem .large{width:300px}.attendancePage .container .bar .flexItem .btn i{position:relative;top:-3px;margin-right:5px}.forms .form{width:100%}.forms .form .line{margin:30px 0 10px 0}.forms .form .label{font-size:16px;margin:5px;display:flex;justify-content:space-between}.forms .form .item{margin:5px}.forms .form .item .input_small{width:100px}.forms .form .item .input_median{width:300px}.forms .form .item .imput_large{width:500px}.forms .form .item .select_small{width:100px}.forms .form .item .select_median{width:300px}.forms .form .item .select_large{width:500px}.forms .form .item .userItemHead{border-radius:50%}.forms .form .item .checkPhoto,.forms .form .item .userItemHead{width:100px;height:100px;background-size:cover;background-repeat:no-repeat;background-position:top}.forms .form .item .checkPhoto{border-radius:10px;cursor:pointer}.forms .form .item .map{border:1px solid #ccc;border-radius:4px;width:600px;height:300px;margin-bottom:5px}.forms .form .select .selectItem{display:flex;align-items:center;justify-content:start}.forms .form .select .selectItem .img{width:40px;height:40px;background-size:cover;background-repeat:no-repeat;background-position:top;border-radius:50%}.forms .form .select .selectItem .label{margin:0 10px}.forms .form .textarea{border:1px solid #ddd;border-radius:0}.forms .form .button{width:100%;padding:30px;text-align:right}.forms .form .button button{margin-right:5px}.forms .form .schedulingWeekStartAndEnd{padding:0 20px;font-weight:700}.forms .form .schedulingWeekList{padding:0 20px;display:flex;cursor:pointer}.forms .form .schedulingWeekList .schedulingWeekItem .schedulingWeekDay{position:relative;width:120px;height:120px;border:1px solid #ccc;border-radius:4px;margin:10px 10px 10px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:25px}.forms .form .schedulingWeekList .schedulingWeekItem .schedulingWeekDay .currentItem{position:absolute;top:-10px;right:-5px;background-color:red;color:#fff;padding:2px;width:50px;height:20px;border-radius:15px;z-index:9;font-size:9px;text-align:center;line-height:15px}.forms .form .schedulingWeekList .schedulingWeekItem .schedulingWeekDayLabel{font-weight:700;text-align:center}.forms .form .schedulingWeekList .schedulingWeekItem .breakDay{background-color:#eee}.map-content{position:absolute;top:calc(50% - 250px);left:calc(50% - 350px);width:750px;height:650px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;border-radius:20px;padding:20px;z-index:9999;box-shadow:10px 10px 100px #ccc}.map-content .map-content-label{width:100%;text-align:left;font-size:16px;font-weight:700;padding-left:10px;height:35px;margin-bottom:10px}.map-content .map{width:700px;height:600px}.map-content .map .popup-class{background-color:#fff;font-size:20px}.map-content .btn{width:100%;margin-top:10px;text-align:right}.mapMark{position:absolute;top:0;left:0;background-color:#000;width:100vw;height:100vh;opacity:.3;z-index:10}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotation{animation:spin 2s linear infinite}