.clear{height:0;line-height:0}[dir] .clear{clear:both}.sc-rows{font-weight:700;color:#fff;position:relative}[dir] .sc-rows{background:#6187ae;border-color:silver}[dir=ltr] .sc-rows{float:left}[dir=rtl] .sc-rows{float:right}[dir] .sc-rows .title{background:#6187ae}.sc-rows .sc-rows-scroll{position:absolute;top:0}[dir=ltr] .sc-rows .sc-rows-scroll{left:0}[dir=rtl] .sc-rows .sc-rows-scroll{right:0}.sc-main-scroll .sc-time{color:#fff;line-height:3rem;height:100%;display:block}[dir] .sc-main-scroll .sc-time{padding:4px 0;text-align:center}[dir=ltr] .sc-main-scroll .sc-time{float:left;border-right:1px solid #ccc}[dir=rtl] .sc-main-scroll .sc-time{float:right;border-left:1px solid #ccc}.sc-main-box{overflow-x:auto;overflow-y:auto;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}[dir=ltr] .sc-main-box{float:right}[dir=rtl] .sc-main-box{float:left}.sc-main,.timeline{position:relative}.sc-bar{position:absolute;color:#fff;z-index:10}[dir] .sc-bar{background:#ff4800}[dir=ltr] .sc-bar{box-shadow:2px 2px 4px #333;-moz-box-shadow:2px 2px 4px #333;-webkit-box-shadow:2px 2px 4px #333}[dir=rtl] .sc-bar{box-shadow:-2px 2px 4px #333;-moz-box-shadow:-2px 2px 4px #333;-webkit-box-shadow:-2px 2px 4px #333}.ui-draggable-dragging,.ui-resizeable{z-index:20}[dir] .timeline{margin-bottom:.4rem}[dir=ltr] .sc-main .tb,[dir=ltr] .timeline{margin-left:0}[dir=rtl] .sc-main .tb,[dir=rtl] .timeline{margin-right:0}[dir] .sc-main{border-bottom:1px solid #555}.sc-rows .timeline{overflow:hidden}.sc-rows .timeline span{display:block}[dir] .sc-rows .timeline span{padding:10px}.sc-rows .timeline span.photo{width:36px;height:36px}[dir=ltr] .sc-rows .timeline span.photo{float:left;padding:10px 0 10px 10px}[dir=rtl] .sc-rows .timeline span.photo{float:right;padding:10px 10px 10px 0}.sc-rows .timeline span.title{width:92px}[dir=ltr] .sc-rows .timeline span.title{float:left;padding:10px 0 10px 10px}[dir=rtl] .sc-rows .timeline span.title{float:right;padding:10px 10px 10px 0}.sc-main-scroll .sc-main .tl{height:100%}[dir=ltr] .sc-main-scroll .sc-main .tl{float:left;border-right:1px solid #ccc}[dir=rtl] .sc-main-scroll .sc-main .tl{float:right;border-left:1px solid #ccc}[dir] .sc-main-scroll .sc-main .tl:hover{background:#f0f0f0}.sc-time{font-size:10px}[dir] .cant-res{background-color:#999!important}[dir] .isMe{background-color:#108000!important}[dir] .isClosed{background-color:#8f9f8d!important}[dir] .isNew{background-color:#ea9999!important}[dir] .isDouble{background-color:#6fa8dc!important}.appointment{--line-color:red}[dir] .appointment{background-repeat:no-repeat}[dir=ltr] .appointment{background-image:linear-gradient(135deg,transparent 30%,var(--line-color) 80%)}[dir=rtl] .appointment{background-image:linear-gradient(-135deg,transparent 30%,var(--line-color) 80%)}/deep/ .sc-bar .head{display:block;font-size:12px;height:16px;overflow:hidden}[dir] /deep/ .sc-bar .head{padding:6px 8px 0}/deep/ .sc-bar .text{display:block;font-weight:700;height:18px;overflow:hidden}[dir] /deep/ .sc-bar .text{padding:5px 15px 0}/deep/ .resizable-e{width:10px;top:0;height:100%;z-index:90;position:absolute;font-size:.1px;display:block}[dir] /deep/ .resizable-e{cursor:e-resize}[dir=ltr] /deep/ .resizable-e{right:-5px}[dir=rtl] /deep/ .resizable-e{left:-5px}.arrow-wrapper{width:1.5rem}[dir] .arrow-wrapper{cursor:pointer;background-color:#6187ae}.week-pagination.manager{width:66vw}.week-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right;width:63vw}[dir] .week-pagination{margin-bottom:.5rem}[dir] .current-week{border:1px solid #6187ae}[dir=ltr] .current-week{padding:0 1rem 0 4rem}[dir=rtl] .current-week{padding:0 4rem 0 1rem}.counter-index{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;z-index:1}[dir] .counter-index{padding:0 .5rem;background:#6187ae}[dir=ltr] .counter-index{right:0}[dir=rtl] .counter-index{left:0}.truncate{width:200px;overflow:hidden!important;text-overflow:ellipsis}.header,.truncate{white-space:nowrap}.header{width:6.8vw;text-decoration:underline;font-size:.77rem;overflow:hidden;font-weight:700}.header:hover{overflow:inherit;color:#00008b}.schedule{height:79vh}.schedule,.schedule-min{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.schedule-min{height:71vh}@media screen and (max-height:678px){.day-off-card-wrapper{max-height:40vh}}@media screen and (min-height:678px) and (max-height:788px){.day-off-card-wrapper{max-height:44vh}}@media screen and (min-height:788px) and (max-height:938px){.schedule{height:82vh}.schedule-min{height:76vh}.scroll-container{max-height:61vh!important}.scroll-container-person{max-height:52vh!important}#scroll-output{max-height:61vh!important}.day-off-card-wrapper{max-height:51vh}}@media screen and (min-height:938px) and (max-height:1088px){.schedule{height:82vh}.schedule-min{height:76vh}.scroll-container{max-height:64.6vh!important}.scroll-container-person{max-height:58vh!important}#scroll-output{max-height:64.6vh!important}.day-off-card-wrapper{max-height:54vh}}@media screen and (min-height:1088px) and (max-height:1238px){.schedule{height:86vh}.schedule-min{height:83vh}.scroll-container{max-height:70vh!important}.scroll-container-person{max-height:67vh!important}#scroll-output{max-height:70vh!important}.day-off-card-wrapper{max-height:56vh}}@media screen and (min-height:1238px){.schedule{height:86vh}.schedule-min{height:83vh}.scroll-container{max-height:73vh!important}.scroll-container-person{max-height:72vh!important}#scroll-output{max-height:73vh!important}.day-off-card-wrapper{max-height:58vh}}.scroll-container-person{max-height:44.8vh;overflow:auto}.scroll-container{max-height:52.8vh;overflow:auto}#scroll-output{max-height:52.8vh;overflow:hidden}.scroll-container-person::-webkit-scrollbar,.scroll-container::-webkit-scrollbar{width:.6rem}[dir] .scroll-container-person::-webkit-scrollbar-track,[dir] .scroll-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgb(97 135 174);box-shadow:inset 0 0 6px rgb(97 135 174);border-radius:10px}.scroll-container-person::-webkit-scrollbar-thumb,.scroll-container::-webkit-scrollbar-thumb{outline:1px solid #708090}[dir] .scroll-container-person::-webkit-scrollbar-thumb,[dir] .scroll-container::-webkit-scrollbar-thumb{background-color:#6187ae;border-radius:10px}[dir=ltr] .multiple-list.right{left:-10rem}[dir=rtl] .multiple-list.right{right:-10rem}.multiple-list{display:none;position:absolute;width:10rem;bottom:-.2rem;max-height:5.4rem;min-height:2rem;color:#000;overflow-y:auto;overflow-x:hidden;font-size:.85rem}[dir] .multiple-list{border:1px solid #d0d0d0;border-radius:4px;background:#f0f0f0}[dir=ltr] .multiple-list{left:1.6rem}[dir=rtl] .multiple-list{right:1.6rem}.counter-index:hover .multiple-list,.multiple-list:hover{display:block}.multiple-list::-webkit-scrollbar{width:.6rem}[dir] .multiple-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgb(135 135 135);box-shadow:inset 0 0 6px rgb(135 135 135);border-radius:10px}.multiple-list::-webkit-scrollbar-thumb{outline:1px solid #d0d0d0}[dir] .multiple-list::-webkit-scrollbar-thumb{background-color:#b0b0b0;border-radius:10px}.multiple-list .header{width:10rem}.wrap-datepicker{position:relative;top:-.3rem}.datepicker{position:fixed;z-index:11}[dir] .datepicker{-webkit-transform:scale(.7);transform:scale(.7)}[dir=ltr] .checked-img-wrapper{padding-right:3px}[dir=rtl] .checked-img-wrapper{padding-left:3px}.checked-img{width:1rem;height:1rem}[dir] .checked-img{background:#fff}[id*=reserve-block].top{z-index:15000!important}.today-date{height:1.5rem;font-size:1.2rem;line-height:2rem}.extra-time-board{width:15%}[dir] .extra-time-board{border:1px solid;margin-top:2.3rem;padding:.5rem;border-radius:.4rem;text-align:center}[dir=ltr] .extra-time-board{float:left}[dir=rtl] .extra-time-board{float:right}.time-off-board{width:13%}[dir] .time-off-board{border:1px solid;margin-top:2.3rem;padding:.5rem;border-radius:.4rem;text-align:center}[dir=ltr] .time-off-board{float:left}[dir=rtl] .time-off-board{float:right}.day-off-card-wrapper{overflow-y:auto;overflow-x:hidden}[dir] .day-off-card-wrapper{margin-bottom:.3rem}.show-all-btn{font-size:1rem}[dir] .show-all-btn{cursor:pointer;padding-bottom:.3rem}.ft-pt-row{bottom:0;position:absolute;width:100%}.distance-time{height:1.5rem}.legend-block{position:absolute;font-size:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.legend-block,[dir] .legend-block{-webkit-box-shadow:0 8px 25px -8px grey}[dir] .legend-block{padding:1rem;margin:.3rem;border:1px solid #d8d6de;box-shadow:0 8px 25px -8px grey}[dir=ltr] .legend-block{left:2rem}[dir=rtl] .legend-block{right:2rem}.day-off-reason{position:absolute;bottom:-.2rem;width:100%;font-weight:800;color:#00f}[dir] .day-off-reason{text-align:center}[dir=ltr] .day-off-reason{text-shadow:1px 1px 1px #fff}[dir=rtl] .day-off-reason{text-shadow:-1px 1px 1px #fff}[dir=ltr] .header.blinking-text,[dir=rtl] .header.blinking-text{-webkit-animation:colorBlink 1.5s infinite;animation:colorBlink 1.5s infinite}.payroll-calendar{max-width:80%}[dir] .payroll-calendar{margin:0 auto;padding:1rem}.weeks-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.week{position:relative}[dir] .week{border:1px solid #ddd;border-radius:5px;padding:.2rem;background-color:#f9f9f9}.days{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.day-header{color:#fff;width:7.5vw}[dir] .day-header{border:1px solid #ddd;background:#6187ae;text-align:center;padding:.5rem}.details{width:7.5vw}[dir] .details{border:1px solid #ddd;text-align:center;padding:.5rem;background:#ddd}[dir=ltr] .details{text-shadow:1px 1px 1px #000}[dir=rtl] .details{text-shadow:-1px 1px 1px #000}.approve-btn-block{position:absolute;bottom:1rem}[dir=ltr] .approve-btn-block{left:101%}[dir=rtl] .approve-btn-block{right:101%}.spinner-wrapper{width:100%;height:100%;position:fixed;top:0;z-index:9999}[dir] .spinner-wrapper{background-color:rgba(0,0,0,.5)}[dir=ltr] .spinner-wrapper{left:0}[dir=rtl] .spinner-wrapper{right:0}.spinner-icon{position:fixed;top:50%}[dir=ltr] .spinner-icon{left:50%}[dir=rtl] .spinner-icon{right:50%}@-webkit-keyframes colorBlink{0%,to{color:#fff}50%{color:#00008b}}@keyframes colorBlink{0%,to{color:#fff}50%{color:#00008b}}[dir] .dark-layout .zoom-mode-1 .zoom-screen,[dir] .dark-layout .zoom-mode-2 .zoom-screen,[dir] .dark-layout .zoom-mode-3 .zoom-screen{background-color:#4c4f61}.zoom-mode-1 .zoom-screen,.zoom-mode-2 .zoom-screen,.zoom-mode-3 .zoom-screen{position:absolute;top:.5rem;width:98%;height:100%;z-index:999}[dir] .zoom-mode-1 .zoom-screen,[dir] .zoom-mode-2 .zoom-screen,[dir] .zoom-mode-3 .zoom-screen{border:1px solid #6187ae;padding:.5rem;background-color:#fff}[dir=ltr] .zoom-mode-1 .zoom-screen,[dir=ltr] .zoom-mode-2 .zoom-screen,[dir=ltr] .zoom-mode-3 .zoom-screen{left:1rem}[dir=rtl] .zoom-mode-1 .zoom-screen,[dir=rtl] .zoom-mode-2 .zoom-screen,[dir=rtl] .zoom-mode-3 .zoom-screen{right:1rem}.zoom-mode-1 #scroll-output,.zoom-mode-1 .scroll-container,.zoom-mode-2 #scroll-output,.zoom-mode-2 .scroll-container,.zoom-mode-3 #scroll-output,.zoom-mode-3 .scroll-container{max-height:69vh}.zoom-mode-1 .sc-main-box,.zoom-mode-2 .sc-main-box,.zoom-mode-3 .sc-main-box{width:100%!important}.zoom-mode-1 .week-pagination.manager,.zoom-mode-2 .week-pagination.manager,.zoom-mode-3 .week-pagination.manager{width:100%}.zoom-mode-1 .sc-rows,.zoom-mode-2 .sc-rows,.zoom-mode-3 .sc-rows{width:15rem!important}.zoom-mode-1 .day-off-reason,.zoom-mode-2 .day-off-reason,.zoom-mode-3 .day-off-reason{top:20%}.approved-checkbox{width:1rem;height:1rem;position:absolute;line-height:normal;color:green}[dir] .approved-checkbox{background:#ff0;text-align:center}[dir=ltr] .approved-checkbox{right:.1rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}[dir=rtl] .approved-checkbox{left:.1rem;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}