@keyframes bounceDown{0%{transform:scale(1, 1) translateX(0)}10%{transform:scale(1.1, 0.9) translateX(0)}30%{transform:scale(0.9, 1.1) translateY(-4px)}50%{transform:scale(1.05, 0.95) translateY(6px)}57%{transform:scale(1, 1) translateY(-2px)}64%{transform:scale(1, 1) translateY(0)}100%{transform:scale(1, 1) translateY(0)}}@keyframes bounce2{0%{transform:scale(1, 1) translateX(0)}10%{transform:scale(1.1, 0.9) translateX(0)}30%{transform:scale(0.9, 1.1) translateX(-4px)}50%{transform:scale(1.05, 0.95) translateX(2px)}57%{transform:scale(1, 1) translateX(-2px)}64%{transform:scale(1, 1) translateX(0)}100%{transform:scale(1, 1) translateX(0)}}.shift-generator__head{padding:32px 0;background-color:#a61c1c}.shift-generator__title,.shift-generator__desc{text-align:center;color:#fff}.shift-generator__title{margin-bottom:8px;font-family:"Inter",sans-serif;font-weight:700}.shift-generator__wrapper{padding:32px 0 64px 0;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}.shift-generator__config,.shift-generator__blank{display:none}.shift-generator__config.active,.shift-generator__blank.active{display:block}.shift-generator__blank{width:100%;text-align:center}.shift-generator__blank img{margin-bottom:12px}.shift-generator__blank .title{font-size:20px;line-height:28px;font-family:"Inter",sans-serif;font-weight:600;margin-bottom:4px}.shift-generator__blank .desc{color:#626b79}.shift-generator__config .box__title{font-size:20px;line-height:28px;font-family:"Inter",sans-serif;font-weight:600;margin-bottom:16px !important}.shift-generator__config .box__row{gap:7px}.shift-generator__config .box__col{flex:0 0 100%;width:100%;max-width:calc(25% - 6px)}.shift-generator__config .box__col label{font-family:"Inter",sans-serif;font-weight:600;font-size:14px;line-height:20px;margin-bottom:4px}.shift-generator__config .box__flex{margin-top:16px}.shift-generator__calculator,.shift-generator__result,.shift-generator__form{flex:0 0 100%;width:100%}.shift-generator__calculator .box__form,.shift-generator__result .box__form,.shift-generator__form .box__form{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:48px}.shift-generator__calculator .box__left,.shift-generator__calculator .box__right,.shift-generator__result .box__left,.shift-generator__result .box__right,.shift-generator__form .box__left,.shift-generator__form .box__right{flex:0 0 100%;width:100%;display:flex;gap:16px;justify-content:flex-start;flex-wrap:wrap}.shift-generator__calculator .box__left,.shift-generator__result .box__left,.shift-generator__form .box__left{max-width:450px}.shift-generator__calculator .box__right,.shift-generator__result .box__right,.shift-generator__form .box__right{max-width:calc(100% - 498px)}.shift-generator__calculator .box__title,.shift-generator__result .box__title,.shift-generator__form .box__title{font-size:20px;line-height:28px;margin:0;color:#232933;font-family:"Inter",sans-serif;font-weight:600}.shift-generator__calculator .box__row,.shift-generator__result .box__row,.shift-generator__form .box__row{flex:0 0 100%;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%}.shift-generator__calculator .box__row>label,.shift-generator__result .box__row>label,.shift-generator__form .box__row>label{font-family:"Inter",sans-serif;font-weight:600;font-size:14px;line-height:20px}.shift-generator__calculator .box__flex,.shift-generator__result .box__flex,.shift-generator__form .box__flex{display:flex;flex-wrap:wrap;width:100%;flex:0 0 100%;padding:24px;background-color:#f1f5f9;border-radius:12px;gap:32px;align-items:center;justify-content:space-between}.shift-generator__calculator .box__flex .box__desc,.shift-generator__calculator .box__flex .box__cta,.shift-generator__result .box__flex .box__desc,.shift-generator__result .box__flex .box__cta,.shift-generator__form .box__flex .box__desc,.shift-generator__form .box__flex .box__cta{flex:0 0 100%;width:100%}.shift-generator__calculator .box__flex .box__desc,.shift-generator__result .box__flex .box__desc,.shift-generator__form .box__flex .box__desc{max-width:calc(100% - 287px)}.shift-generator__calculator .box__flex .box__desc strong,.shift-generator__result .box__flex .box__desc strong,.shift-generator__form .box__flex .box__desc strong{font-family:"Inter",sans-serif;font-weight:600}.shift-generator__calculator .box__flex .box__desc p,.shift-generator__result .box__flex .box__desc p,.shift-generator__form .box__flex .box__desc p{font-size:14px;line-height:20px}.shift-generator__calculator .box__flex .box__cta,.shift-generator__result .box__flex .box__cta,.shift-generator__form .box__flex .box__cta{max-width:255px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px}.shift-generator__calculator .box__field,.shift-generator__result .box__field,.shift-generator__form .box__field{flex:0 0 100%;width:100%;max-width:100%;display:flex;flex-wrap:wrap;gap:12px}.shift-generator__calculator .box__field.dpicker,.shift-generator__result .box__field.dpicker,.shift-generator__form .box__field.dpicker{position:relative}.shift-generator__calculator .box__field.dpicker::after,.shift-generator__result .box__field.dpicker::after,.shift-generator__form .box__field.dpicker::after{content:"";position:absolute;right:10px;top:10px;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2218%22 height%3D%2219%22 viewBox%3D%220 0 18 19%22 fill%3D%22none%22%3E%3Cpath d%3D%22M5.66667 1.66669V3.33335M12.3333 1.66669V3.33335M4.83333 7.08335H13.1667M11.5 14.5834H13.1667M7.33333 17.5H10.6667C14.8333 17.5 16.5 15.8334 16.5 11.6667V8.33335C16.5 4.16669 14.8333 2.50002 10.6667 2.50002H7.33333C3.16667 2.50002 1.5 4.16669 1.5 8.33335V11.6667C1.5 15.8334 3.16667 17.5 7.33333 17.5Z%22 stroke%3D%22%23626B79%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22/%3E%3C/svg%3E");background-position:center;background-size:contain;background-repeat:no-repeat}.shift-generator__calculator .box__field .select.bootstrap-select>.dropdown-toggle,.shift-generator__result .box__field .select.bootstrap-select>.dropdown-toggle,.shift-generator__form .box__field .select.bootstrap-select>.dropdown-toggle{font-size:14px;line-height:20px;padding:8px 12px;border:1px solid #d0d6dd;border-radius:6px}.shift-generator__calculator .box__field .select.bootstrap-select.disabled>.dropdown-toggle,.shift-generator__result .box__field .select.bootstrap-select.disabled>.dropdown-toggle,.shift-generator__form .box__field .select.bootstrap-select.disabled>.dropdown-toggle{background-color:#edf0f2;color:#8b95a5}.shift-generator__calculator .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span,.shift-generator__result .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span,.shift-generator__form .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span{display:flex;width:80%;justify-content:center;align-items:center;background-color:#0031be;color:#fff;border-radius:4px}.shift-generator__calculator .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.blue,.shift-generator__result .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.blue,.shift-generator__form .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.blue{background-color:#0031be;color:#fff}.shift-generator__calculator .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.green,.shift-generator__result .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.green,.shift-generator__form .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.green{background-color:#179e63;color:#fff}.shift-generator__calculator .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.pink,.shift-generator__result .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.pink,.shift-generator__form .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.pink{background-color:#ec4899;color:#fff}.shift-generator__calculator .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.apricot,.shift-generator__result .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.apricot,.shift-generator__form .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.apricot{background-color:#f97316;color:#fff}.shift-generator__calculator .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.teal,.shift-generator__result .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.teal,.shift-generator__form .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.teal{background-color:#14b8a6;color:#fff}.shift-generator__calculator .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.violet,.shift-generator__result .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.violet,.shift-generator__form .box__field .select.bootstrap-select.color>.dropdown-toggle .filter-option-inner-inner>span.violet{background-color:#8b5cf6;color:#fff}.shift-generator__calculator .box__field .form-check,.shift-generator__result .box__field .form-check,.shift-generator__form .box__field .form-check{display:inline-flex}.shift-generator__calculator .box__field .form-check .form-check-label,.shift-generator__result .box__field .form-check .form-check-label,.shift-generator__form .box__field .form-check .form-check-label{margin-bottom:0;font-size:14px;line-height:20px;display:inline-flex;align-items:center;gap:12px;font-family:"Inter",sans-serif;font-weight:400}.shift-generator__calculator .box__field .form-check .form-check-label .form-check-input,.shift-generator__result .box__field .form-check .form-check-label .form-check-input,.shift-generator__form .box__field .form-check .form-check-label .form-check-input{width:18px;height:18px;border:1px solid #d0d6dd;border-radius:50%;background-color:#fff}.shift-generator__calculator .box__field .form-check .form-check-label .form-check-input:checked,.shift-generator__result .box__field .form-check .form-check-label .form-check-input:checked,.shift-generator__form .box__field .form-check .form-check-label .form-check-input:checked{border-color:#4b61dd;background-color:#4b61dd}.shift-generator__calculator .box__field .form-control,.shift-generator__result .box__field .form-control,.shift-generator__form .box__field .form-control{border:1px solid #d0d6dd;border-radius:6px;font-size:14px;line-height:20px;font-family:"Inter",sans-serif;font-weight:400;padding:8px 12px}.shift-generator__calculator .box__field .form-control::disabled,.shift-generator__result .box__field .form-control::disabled,.shift-generator__form .box__field .form-control::disabled{background:#edf0f2;color:#8b95a5}.shift-generator__calculator .box__field .form-control.calc-datepicker,.shift-generator__result .box__field .form-control.calc-datepicker,.shift-generator__form .box__field .form-control.calc-datepicker{padding:8px 36px 8px 12px}.shift-generator__calculator .box__field.currency,.shift-generator__result .box__field.currency,.shift-generator__form .box__field.currency{position:relative}.shift-generator__calculator .box__field.currency::before,.shift-generator__result .box__field.currency::before,.shift-generator__form .box__field.currency::before{content:"Rp";width:auto;height:auto;position:absolute;z-index:2;left:4px;top:4px;font-size:14px;line-height:20px;font-family:"Inter",sans-serif;font-weight:600;padding:6px;border-radius:4px 0 0 4px;background:#edf0f2;mix-blend-mode:multiply;width:32px;height:32px;text-align:center}.shift-generator__calculator .box__field.currency .form-control,.shift-generator__result .box__field.currency .form-control,.shift-generator__form .box__field.currency .form-control{padding:8px 12px 8px 44px;text-align:right}.shift-generator__calculator .box__field.percentage,.shift-generator__result .box__field.percentage,.shift-generator__form .box__field.percentage{position:relative}.shift-generator__calculator .box__field.percentage::after,.shift-generator__result .box__field.percentage::after,.shift-generator__form .box__field.percentage::after{content:"%";width:auto;height:auto;position:absolute;z-index:2;right:4px;top:4px;font-size:14px;line-height:20px;font-family:"Inter",sans-serif;font-weight:600;padding:6px;border-radius:0 4px 4px 0;background:#edf0f2;mix-blend-mode:multiply;width:32px;height:32px;text-align:center}.shift-generator__calculator .box__field.percentage .form-control,.shift-generator__result .box__field.percentage .form-control,.shift-generator__form .box__field.percentage .form-control{padding:8px 44px 8px 12px}.shift-generator__calculator .box__field .form-control.error,.shift-generator__calculator .box__field .bootstrap-select.select.error,.shift-generator__result .box__field .form-control.error,.shift-generator__result .box__field .bootstrap-select.select.error,.shift-generator__form .box__field .form-control.error,.shift-generator__form .box__field .bootstrap-select.select.error{border-color:#c0392b;transition:all linear .2s}.shift-generator__calculator .box__field .form-control.error .bttn.dropdown-toggle,.shift-generator__calculator .box__field .bootstrap-select.select.error .bttn.dropdown-toggle,.shift-generator__result .box__field .form-control.error .bttn.dropdown-toggle,.shift-generator__result .box__field .bootstrap-select.select.error .bttn.dropdown-toggle,.shift-generator__form .box__field .form-control.error .bttn.dropdown-toggle,.shift-generator__form .box__field .bootstrap-select.select.error .bttn.dropdown-toggle{border-color:#c0392b;transition:all linear .2s}.shift-generator__calculator .result-state .shift-table,.shift-generator__result .result-state .shift-table,.shift-generator__form .result-state .shift-table{overflow-x:auto;padding-bottom:8px}.shift-generator__calculator .result-state .shift-table::-webkit-scrollbar,.shift-generator__result .result-state .shift-table::-webkit-scrollbar,.shift-generator__form .result-state .shift-table::-webkit-scrollbar{height:6px}.shift-generator__calculator .result-state .shift-table::-webkit-scrollbar-track,.shift-generator__result .result-state .shift-table::-webkit-scrollbar-track,.shift-generator__form .result-state .shift-table::-webkit-scrollbar-track{background-color:#f0f0f0}.shift-generator__calculator .result-state .shift-table .row,.shift-generator__result .result-state .shift-table .row,.shift-generator__form .result-state .shift-table .row{display:flex;align-items:center;margin-bottom:6px;flex-wrap:nowrap}.shift-generator__calculator .result-state .shift-table .month,.shift-generator__result .result-state .shift-table .month,.shift-generator__form .result-state .shift-table .month{width:70px;text-align:right;color:#c02a34;margin-right:12px;flex-shrink:0;font-size:16px;line-height:23px}.shift-generator__calculator .result-state .shift-table .days,.shift-generator__result .result-state .shift-table .days,.shift-generator__form .result-state .shift-table .days{display:grid;grid-template-columns:repeat(var(--col-count, 42), 28px);gap:4px;width:calc(32px*var(--col-count, 42))}.shift-generator__calculator .result-state .shift-table .day,.shift-generator__result .result-state .shift-table .day,.shift-generator__form .result-state .shift-table .day{width:28px;height:28px;background:#edf0f2;color:#444;text-align:center;line-height:14.5px;font-size:10px;border-radius:4px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.shift-generator__calculator .result-state .shift-table .day.shift,.shift-generator__result .result-state .shift-table .day.shift,.shift-generator__form .result-state .shift-table .day.shift{background-color:#0031be;color:#fff}.shift-generator__calculator .result-state .shift-table .day.shift.green,.shift-generator__result .result-state .shift-table .day.shift.green,.shift-generator__form .result-state .shift-table .day.shift.green{background-color:#179e63}.shift-generator__calculator .result-state .shift-table .day.shift.pink,.shift-generator__result .result-state .shift-table .day.shift.pink,.shift-generator__form .result-state .shift-table .day.shift.pink{background-color:#ec4899}.shift-generator__calculator .result-state .shift-table .day.shift.apricot,.shift-generator__result .result-state .shift-table .day.shift.apricot,.shift-generator__form .result-state .shift-table .day.shift.apricot{background-color:#f97316}.shift-generator__calculator .result-state .shift-table .day.shift.teal,.shift-generator__result .result-state .shift-table .day.shift.teal,.shift-generator__form .result-state .shift-table .day.shift.teal{background-color:#14b8a6}.shift-generator__calculator .result-state .shift-table .day.shift.violet,.shift-generator__result .result-state .shift-table .day.shift.violet,.shift-generator__form .result-state .shift-table .day.shift.violet{background-color:#8b5cf6}.shift-generator__calculator .result-state .shift-table .day.dayoff,.shift-generator__result .result-state .shift-table .day.dayoff,.shift-generator__form .result-state .shift-table .day.dayoff{background-color:#e0eeff;color:#0031be}.shift-generator__calculator .result-state .shift-table .day.dayoff.green,.shift-generator__result .result-state .shift-table .day.dayoff.green,.shift-generator__form .result-state .shift-table .day.dayoff.green{background-color:#92efc6;color:#179e63}.shift-generator__calculator .result-state .shift-table .day.dayoff.pink,.shift-generator__result .result-state .shift-table .day.dayoff.pink,.shift-generator__form .result-state .shift-table .day.dayoff.pink{background-color:#fad3e6;color:#ec4899}.shift-generator__calculator .result-state .shift-table .day.dayoff.apricot,.shift-generator__result .result-state .shift-table .day.dayoff.apricot,.shift-generator__form .result-state .shift-table .day.dayoff.apricot{background-color:#fdcdab;color:#f97316}.shift-generator__calculator .result-state .shift-table .day.dayoff.teal,.shift-generator__result .result-state .shift-table .day.dayoff.teal,.shift-generator__form .result-state .shift-table .day.dayoff.teal{background-color:#a3f5ec;color:#14b8a6}.shift-generator__calculator .result-state .shift-table .day.dayoff.violet,.shift-generator__result .result-state .shift-table .day.dayoff.violet,.shift-generator__form .result-state .shift-table .day.dayoff.violet{background-color:#f2edfe;color:#8b5cf6}.shift-generator__calculator .result-state .shift-table .row:first-child .day,.shift-generator__result .result-state .shift-table .row:first-child .day,.shift-generator__form .result-state .shift-table .row:first-child .day{background-color:rgba(0,0,0,0);color:#c02a34;font-size:16px;line-height:23px}.shift-generator__result{padding:48px 0;display:none}.shift-generator__result.active{display:block}.shift-generator__result .result-state .title{font-size:20px;line-height:28px;font-family:"Inter",sans-serif;font-weight:600;margin-bottom:24px}.shift-generator__result .box__flex{margin-top:24px;background-color:#e8f5eb}@media screen and (max-width: 1199px){.shift-generator__config .box__flex .box__desc,.shift-generator__config .box__flex .box__cta{max-width:100%}}@media screen and (max-width: 991px){.shift-generator__calculator .box__left,.shift-generator__calculator .box__right{max-width:100%}.shift-generator__calculator .box__flex .box__desc{max-width:calc(100% - 287px)}.shift-generator__calculator .box__flex .box__cta{max-width:255px}}@media screen and (max-width: 767px){.shift-generator__config .box__col{max-width:calc(50% - 4px)}.shift-generator__config .box__flex .box__desc,.shift-generator__config .box__flex .box__cta{max-width:100%}.shift-generator__result .box__flex .box__cta{max-width:180px}.shift-generator__result .box__flex .box__desc{max-width:calc(100% - 212px)}}@media screen and (max-width: 560px){.shift-generator__result .box__flex .box__cta,.shift-generator__result .box__flex .box__desc{max-width:100%}.shift-generator__result .box__flex .box__cta .btn,.shift-generator__result .box__flex .box__desc .btn{margin-bottom:0}}.modal__title{font-size:18px;line-height:28px;font-weight:600;margin:0 0 24px;text-align:center}.modal .modal-dialog{max-width:394px;display:flex;align-items:center;margin:32px auto;min-height:calc(100% - 64px)}.modal .modal-content{padding:32px;margin:0 auto;max-width:100%}.modal .modal-content .modal-close{cursor:pointer}.modal .modal-content .modal-close:hover{transform:rotate(0deg)}.modal .modal-content .title{font-size:20px;line-height:28px;font-family:"Inter",sans-serif;font-weight:600;margin-bottom:24px}.modal .modal-content .form-group:last-child{margin-bottom:0}.modal .modal-content .form-group>label{display:block;font-family:"Inter",sans-serif;font-weight:600;font-size:14px;line-height:20px;margin-bottom:4px}.modal .modal-content .form-group .form-control{padding:8px 12px;border:1px solid #d0d6dd;font-size:14px;line-height:20px;border-radius:6px;color:#232933}.modal .modal-content .form-group .dropdown.bootstrap-select .btn,.modal .modal-content .form-group .dropdown.bootstrap-select button{font-size:14px;line-height:40px;border-radius:6px;border-color:#d0d6dd}.modal .modal-content .form-group .dropdown.bootstrap-select .dropdown-item{white-space:pre-wrap}.modal .modal-content .form-group .dropdown.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden;text-overflow:ellipsis}.modal .modal-content .form-group.check{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;align-items:flex-start}.modal .modal-content .form-group.check input[type=checkbox]{width:16px;flex:0 0 16px;height:20px;border:1px solid #d0d6dd;border-radius:4px}.modal .modal-content .form-group.check label{width:100%;flex:0 0 100%;max-width:calc(100% - 22px);font-size:14px;line-height:20px;font-family:"Inter",sans-serif;font-weight:400}.modal .modal-content .form-group.radio .radio-button-group{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-start}.modal .modal-content .form-group.radio .radio-button-group .radio-button{display:inline-flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-start}.modal .modal-content .form-group.radio .radio-button-group .radio-button input[type=radio]{width:16px;height:16px;flex:0 0 16px}.modal .modal-content .form-group.radio .radio-button-group .radio-button label{font-size:14px;line-height:20px;color:#232933;margin:0}.modal .modal-content .form-group .btn.disabled{border-color:#d0d6dd;color:#8b95a5 !important;background-color:#edf0f2;pointer-events:none;transition:all linear .2s}.modal .modal-content .form-group.error .form-control,.modal .modal-content .form-group.error .dropdown.bootstrap-select .btn,.modal .modal-content .form-group.error .dropdown.bootstrap-select button{border-color:#c0392b}.modal .modal-content .form-group.success .form-control,.modal .modal-content .form-group.success .dropdown.bootstrap-select .btn,.modal .modal-content .form-group.success .dropdown.bootstrap-select button{border-color:#179e63}.datepicker table tr td.today{background-color:#fbf3dd;background-image:unset}.datepicker table tr td.today:hover{background-color:#fbf3dd;background-image:unset}/*# sourceMappingURL=shift-generator.min.css.map */