.pointer{cursor:pointer}.noSelect,.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.statusPink{background-color:#ee96d1}.statusPink .accentColor{background-color:#ea80c7}.statusPink.selected{background-color:#e664bb}.statusRed{background-color:#e51c1c}.statusRed .accentColor{background-color:#d01818}.statusRed.selected{background-color:#a11212}.statusYellow{background-color:#e4942b}.statusYellow .accentColor{background-color:#da881c}.statusYellow.selected{background-color:#a86915}.statusGrey{background-color:#8c8d8f}.statusGrey .accentColor{background-color:#7f8082}.statusGrey.selected{background-color:#626364}.statusGreen{background-color:#119487}.statusGreen .accentColor{background-color:#0e7d72}.statusGreen.selected{background-color:#0c685e}.statusBlue{background-color:#68a9d2}.statusBlue .accentColor{background-color:#549ecc}.statusBlue.selected{background-color:#327ba9}.statusPurple{background-color:#b361b3}.statusPurple .accentColor{background-color:#a951a9}[data-status="5"]{color:#f7eef8;background-color:#ee96d1}[data-status="10"]{color:#fee5df;background-color:#e51c1c}[data-status="20"]{color:#faf4e8;background-color:#e4942b}[data-status="40"]{color:#cce6ff;background-color:#68a9d2}[data-status="50"]{color:#d1d8dd;background-color:#8c8d8f}[data-status="60"]{color:#99f1e8;background-color:#119487}.smallBlueButton{color:#fff;white-space:nowrap;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;background-color:#4e93b1;border:1px solid #7badb3;border-radius:10px;padding:.5px 5px 0;display:inline-block}.smallBlueButton[data-status="5"]{color:#f7eef8;background-color:#ee96d1;border-color:#eeb0d9}.smallBlueButton[data-status="10"]{color:#fee5df;background-color:#e51c1c;border-color:#fd5d01}.smallBlueButton[data-status="20"]{color:#faf4e8;background-color:#e4942b;border-color:#e9b04b}.smallBlueButton[data-status="40"]{color:#cce6ff;background-color:#68a9d2;border-color:#959595}.smallBlueButton[data-status="50"]{color:#d1d8dd;background-color:#8c8d8f;border-color:#959595}.smallBlueButton[data-status="60"]{color:#99f1e8;background-color:#119487;border-color:#67aa93}.smallBlueButton.disabled{opacity:.6}.smallBlueButton.active{background-color:#0db3c8;border-color:#99deec}.adminColor{background-color:#ffe0e8}.officeColor{background-color:#fff7d2}.employeeColor{background-color:#eefaf2}[data-view=timeselect]{text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;background-color:#e7edee;border:1px solid #ddd;border-radius:5px;max-width:350px;margin:10px auto;padding:5px}[data-view=timeselect] .dateString{padding:5px 10px 15px;font-size:120%}[data-view=timeselect] .timeBox{display:flex}[data-view=timeselect] [data-type=hour],[data-view=timeselect] [data-type=min],[data-view=timeselect] [data-type=ampm],[data-view=timeselect] [data-type=date]{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:5px}[data-view=timeselect] .hourBox{flex:0 0 60%;grid-template-columns:30% 30% 30%;gap:3px;display:grid}[data-view=timeselect] .minBox,[data-view=timeselect] .ampmBox{flex-basis:25%;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:90%;gap:3px;display:grid}[data-view=timeselect] .timeSelected{color:#fff;background-color:#5571a9}[data-view=timeselect] .datePick{margin-top:10px}[data-view=timeselect] .calHeader{justify-content:space-between;align-items:center;padding-bottom:5px;display:flex}[data-view=timeselect] .calHeader .calPrev{cursor:pointer;background-image:url(/images/icons_34.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:30px;height:25px}[data-view=timeselect] .calHeader .calNext{cursor:pointer;background-image:url(/images/icons_28.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:30px;height:25px}[data-view=timeselect] .datePickCalendar{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:3px;display:grid}[data-view=timeselect] .placeHolder{visibility:hidden}[data-view=timeselect].keyEnter .hourBox{border:none;padding:0}[data-view=timeselect].keyEnter .minBox{display:flex}[data-view=timeselect].keyEnter .minBox input{text-align:right;border:1px solid #999;border-radius:10px;width:70%;margin-right:10px;padding:0 10px;font-size:14px;line-height:1}