.orcpCalendar{position:relative;overflow:auto;max-width:100%}.orcpCalendar>div{margin:5px}.orcpCalendar>div .dayDetail{line-height:2.1;width:130px;font-size:1em}.orcpCalendar>div .dayDetail .holiday{margin:-.6em 0 .3em}.orcpCalendar>div .shiftDetail{padding:0.4em 0.6em;overflow:hidden}.orcpCalendar>div .shiftDetail,.orcpCalendar>div .shiftDetail>div{transition:all .3s}.orcpCalendar>div .shiftDetail.ng-hide{opacity:0;padding:0}.orcpCalendar>div .shiftDetail.ng-hide>div{margin-right:-100px}.orcpCalendar>div .dsBlock{position:relative;min-height:110px;background:#f5f5f5;margin:1px;text-align:center;line-height:1.3;overflow:hidden;border-radius:1em}.orcpCalendar>div .dsBlock input{width:2.5em;height:1.8em;padding:0 3px;border:none;margin-top:8px}.orcpCalendar>div .dsBlock.dayName{width:140px;background:#607D8B;color:white}.orcpCalendar>div .dsBlock.anim{transition:width .3s}.orcpCalendar>div .dsBlock.addBox{width:0;transition:width .3s}.orcpCalendar>div .dsBlock.addBox.open{margin-right:3px}.orcpCalendar>div .dsBlock.open{width:322px}.orcpCalendar>div .dayBlock{cursor:pointer;max-width:100%;transition:all .3s}.orcpCalendar>div .dayBlock.active,.orcpCalendar>div .dayBlock:hover{background:#fff3d8}.orcpCalendar>div .dayBlock .showShifts{position:absolute;display:block;left:50%;bottom:.2em;opacity:0;transform:translate(-50%, 1em);transition:all .3s}.orcpCalendar>div .dayBlock:not(.active):hover .showShifts{opacity:1;transform:translate(-50%, 0)}