td span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker-helptext{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:25px;padding-bottom:10px}.picker-helptext span{font-size:18px}.selectDir{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 12px;background:#efefef;border-radius:6px}.selectDir,.selectDir>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:35px;position:relative}.selectDir>div{-ms-flex-negative:0;flex-shrink:0;padding:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;font-size:.14rem;border-radius:.03rem;min-width:.8rem}.selectDir>div:after{content:"";border:5px solid #666;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;position:absolute;right:5px;top:45%}.selectDir>div:focus:after{content:"";border:5px solid #666;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;position:absolute;right:5px;top:35%}.selectDir>div:focus+ul{display:block;padding-left:0;border-radius:10px;padding-top:5px;padding-bottom:5px}.selectDir>ul{display:none;margin-top:.1rem;background-color:#fff;-webkit-box-shadow:0 0 7px #a2a3a7;box-shadow:0 0 7px #a2a3a7;width:100%;cursor:pointer;border-radius:.03rem;z-index:9;max-height:350px;overflow-y:scroll;position:absolute;top:35px}.selectDir>ul>li{height:30px;font-size:.14rem;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.selectDir div{font-size:12px!important}.selectDir div:empty:before{content:attr(placeholder);color:#dedede;font-size:12px!important}.selectDir div:focus:before{content:none}.select-container{position:relative;width:100%;background:#f2f3f4 0 0 no-repeat padding-box;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:4px;padding:6px 30px 6px 12px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-shadow:none!important;box-shadow:none!important;outline:none;-webkit-animation:all .3s ease;animation:all .3s ease;background-image:linear-gradient(45deg,transparent 50%,grey 0),linear-gradient(135deg,grey 50%,transparent 0);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}.custom-select i{position:absolute;right:0}.custom-select-active{font-weight:700}.custom-select:focus{-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,.25);box-shadow:0 0 0 .2rem rgba(0,123,255,.25);background-image:linear-gradient(45deg,green 50%,transparent 0),linear-gradient(135deg,transparent 50%,green 0);background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em,calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border-color:green;outline:0;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.custom-select::-ms-expand{display:none}.iconfont .icon-xiajiantou{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;position:absolute;right:0}.rotate-icon{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dateTimeLoader{height:600px;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}.dateTimePicker .dateBtn td.range-start{border-left-width:3px;border-left-color:#1b959a}.dateTimePicker .dateBtn td.range-end{border-right-width:3px;border-right-color:#1b959a}.dateTimePicker .working-location{width:100%;background:#f2f3f4 0 0 no-repeat padding-box;border-radius:8px;letter-spacing:0;color:#2f2f2f;padding:7px 12px}.dateTimePicker .bottomBarLeftRequester{height:100%;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-wrap:wrap;flex-wrap:wrap}.dateTimePicker .bottomBarLeftRequester,.dateTimePicker .bottomBarLeftRequester .stateInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dateTimePicker .bottomBarLeftRequester .stateInfo{font-size:20px;margin-right:20px}.dateTimePicker .bottomBarLeftRequester .stateInfo .txt{font-size:12px}.dateTimePicker .bottomBarLeftRequester .stateInfo .circle{width:12px;height:12px;border-radius:25px;margin-right:5px}.dateTimePicker .bottomBarLeftRequester .stateInfo .circle.free{background:#1b959a 0 0 no-repeat padding-box;border-radius:4px}.dateTimePicker .bottomBarLeftRequester .stateInfo .circle.busy{background:#fff 0 0 no-repeat padding-box;border-radius:4px;border:1px solid #1d1d1d}.dateTimePicker .bottomBarLeft{height:100%;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-ms-flex-wrap:wrap;flex-wrap:wrap}.dateTimePicker .bottomBarLeft,.dateTimePicker .bottomBarLeft .stateInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dateTimePicker .bottomBarLeft .stateInfo{font-size:20px;margin-right:20px}.dateTimePicker .bottomBarLeft .stateInfo .txt{font-size:12px}.dateTimePicker .bottomBarLeft .stateInfo .circle{width:12px;height:12px;border-radius:25px;margin-right:5px}.dateTimePicker .bottomBarLeft .stateInfo .circle.free{background:#1b959a 0 0 no-repeat padding-box;border-radius:4px}.dateTimePicker .bottomBarLeft .stateInfo .circle.busy{background:#fff 0 0 no-repeat padding-box;border-radius:4px;border:1px solid #1d1d1d}.dateTimePicker .all-day-btn{border:1px solid #263a45;width:48%;height:45px;text-align:center;font-size:15px;border-radius:10px;cursor:pointer}.dateTimePicker .closeIcon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse;cursor:pointer}.dateTimePicker .x-btn-whiteText{opacity:.7}.dateTimePicker .x-btn-whiteText .date-dot{background-color:#fff}.dateTimePicker .x-btn-whiteText.unable{opacity:.5}.dateTimePicker .date-dot{height:5px;width:5px;background-color:#000;border-radius:50%;display:block}.dateTimePicker .yearMonth{display:-webkit-box;display:-ms-flexbox;display:flex}.dateTimePicker .yearMonth .year{width:100%;text-align:center}.dateTimePicker .yearMonth .year .txt{display:inline-block;width:150px;text-align:center;font-size:16px}.dateTimePicker .yearMonth .month{width:100%;text-align:center}.dateTimePicker .yearMonth .month .txt{display:inline-block;width:150px;text-align:center;font-size:16px}.dateTimePicker .yearMonth .arrow{cursor:pointer;font-weight:700;font-size:20px}.dateTimePicker .yearMonth .arrow-disabled{cursor:pointer;font-weight:700;opacity:.5;font-size:20px!important}.dateTimePicker .opts,.dateTimePicker .opts div{display:-webkit-box;display:-ms-flexbox;display:flex}.dateTimePicker .opts div{width:50%;background:#e4e4e4;height:35px;color:#263a45;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:20px auto;cursor:pointer;font-size:16px}.dateTimePicker .opts div.active{background:#1b959a;color:#fff}.dateTimePicker .opts :first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.dateTimePicker .opts :nth-child(2){border-top-right-radius:10px;border-bottom-right-radius:10px}.dateTimePicker .weeks{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:30px 0 0 0}.dateTimePicker .weeks p{font-size:16px}.dateTimePicker .dateBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dateTimePicker .dateBtn .td-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.dateTimePicker .dateBtn td{margin:5px;border:1px solid #263a45;border-radius:8px;padding-top:4px;cursor:pointer;width:50px;height:50px;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dateTimePicker .dateBtn td.adjacentMonth{opacity:.6}.dateTimePicker .dateBtn td.selectDay{color:#fff}.dateTimePicker .dateBtn td.selectDay.notCurMonth{background:#fff;color:#c2c2c2}.dateTimePicker .dateBtn td.notCurMonth{border:2px solid #c2c2c2;cursor:default;color:#c2c2c2}.dateTimePicker .dateBtn td.unable{border:2px solid #898989;cursor:pointer;color:#898989;background:#efefef}.dateTimePicker .dateBtn td.overLimit{border:2px solid #c2c2c2;cursor:default;color:#c2c2c2}.dateTimePicker .dateBtn td.rangeBorders{opacity:1}.dateTimePicker .dateBtn td.currentDay.selectDay{color:#fff}.dateTimePicker .dateBtn td.currentDay.selectDay.notCurMonth{background:#fff;color:#c2c2c2}.dateTimePicker .timePicker{margin:20px auto}.dateTimePicker .timePicker,.dateTimePicker .timePicker .endTimeBox,.dateTimePicker .timePicker .startTimeBox{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}.dateTimePicker .timePicker .endTimeBox,.dateTimePicker .timePicker .startTimeBox{color:#bbc2c5;border:1px solid #bbc2c5;width:48%;height:45px;text-align:center;font-size:15px;border-radius:10px;cursor:pointer}.dateTimePicker .timePicker select{border:1px solid #263a45;width:48%;height:45px;text-align:center;font-size:15px;border-radius:10px;cursor:pointer}.dateTimePicker .timePicker select option{margin:10px}.dateTimePicker .timePicker .line{width:12px;height:1px;background:#263a45;margin:0 10px}.dateTimePicker .applyBtn{width:100%;border:0;background:#f51c4f;color:#fff;padding:8px;border-radius:20px;margin:20px auto}