:root{--primary-color: #ba0010;--second-color: #ededed;--third-color: #fafafa;--light-color: #f7f1e5;--four-color: #eff3f6;--fifth-color: #d46c31;--six-color: #bc6c3f;--text-color: #000;--border-color: #999999;--primary-font: "Meiryo", "Inter", sans-serif;--primary-font: "Inter", sans-serif;--second-font: "Noto Sans", sans-serif}html{font-size:62.5%;box-sizing:border-box}table{color:var(--text-color)!important}body{font-size:1.6rem;font-family:var(--primary-font);color:var(--text-color)}button{font-family:var(--primary-font);cursor:pointer}a{text-decoration:none}table,th,td{border:1px solid var(--border-color);border-collapse:collapse}.d-flex{display:flex}.d-block{display:block}.container{display:flex;min-height:100dvh;width:100%;max-width:100%!important;padding:0!important}.radio-is-checked{background-color:#f2f3f3}.btn-close{position:absolute;border-radius:100%;background-color:#fff;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;color:var(--text-color);border:none;box-shadow:0 .3rem .4rem #00000040;right:-1.4rem;top:-1.4rem}.d-none{display:none}.svg-close{width:1.2rem;height:1.2rem}.modal-delete-body{width:28.5rem}.modal-delete-close{width:3.5rem;height:3.5rem;top:-1.2rem;right:-1.2rem}.modal-delete-close svg{width:1.2rem;height:1.2rem}.modal-delete-wrap-text{padding:3rem 1rem 2rem}.modal-delete-text{font-size:2.1rem}.modal-delete-wrap-btn{padding:2rem 1rem 3rem}.modal-delete-btn{width:8.6rem;height:3.5rem}.modal-note-temp-body{width:38rem;min-height:146px;padding:2.5rem 1.5rem}.btn-modal-close{border:.8px solid #000000;border-radius:.8px;background-color:#fff;padding:6px 20px}.modal-note-title{font-weight:400}.login-container{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;background-color:var(--third-color)}.login-body{width:43.2rem;background-color:#fff;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.login-body:before{content:" ";position:absolute;width:100%;height:100%;background-color:var(--second-color);left:.6rem;top:.6rem;z-index:-1}.login-form{width:100%;height:100%;background-color:#fff;padding:6rem}.login-label{font-size:1.2rem;font-weight:700}.login-wrap-input{display:flex;align-items:center;margin-top:.5rem}.login-wrap-input__custom{margin-bottom:2rem}.login-wrap-image{background-color:var(--primary-color);height:4rem;width:4.5rem;display:flex;align-items:center;padding:0 1rem}.login-image{margin:auto}.login-input{border:none;background-color:var(--second-color);height:4rem;width:100%;padding:0 2rem}.login-btn{width:100%;margin-top:3rem;border:none;background-color:var(--primary-color);color:#fff;height:4rem;font-size:1.2rem;font-weight:800}.store-wrap{position:relative;margin-top:.5rem}.store-content{display:flex;align-items:center;height:4rem;background-color:var(--second-color);cursor:pointer}.store-text{margin-left:2rem;width:100%}.store-image{width:5rem;height:100%;display:flex;background-color:var(--primary-color)}.store-image img{margin:auto}.store-list{display:none;position:absolute;list-style:none;right:-24rem;top:0;background-color:#fff;box-shadow:0 3px 20px #00000040;border-radius:4px;padding:1rem .2rem;max-height:40rem;overflow-x:auto}.store-list.active{display:block}.store-item{display:flex;justify-content:center;align-items:center;width:22.5rem;height:3.7rem;cursor:pointer;text-align:center}.store-item:hover,.store-item-active{background-color:#f2f3f3;border:.5px solid var(--border-color);border-radius:3px}.side-bar{width:240px;background-color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.side-bar-top{padding:0 0 0 3rem;height:60px;background-color:#fff}.menu-list{padding:2rem 0 0 0rem}.menu-item{cursor:pointer;transition:all .2s ease}.menu-item.active,.menu-item:hover{background-color:#f7f1e54d}.menu-link{padding:1rem 2.5rem;display:flex;align-items:center;width:100%;height:100%}.menu-icon{width:4rem}.menu-icon img{margin:auto}.menu-text{margin-left:.25rem;font-weight:600;color:#fff;font-size:15px}.menu-is-active{background-color:#f7f1e54d}*{box-sizing:border-box}.simplemenu{position:relative}.dropbtn{color:#fff;padding:1rem;font-size:1.5rem;border:none;cursor:pointer;font-family:Baloo,sans-serif}#gmDropdown{min-width:100px;background-color:#fff;border-radius:10px;padding:1rem 0}.dropdown-content{display:none;position:absolute;overflow:hidden;width:100%;left:-15%;list-style-type:none;margin-top:0;padding-left:0}.dropdown-content a{color:#000;padding:.8rem 1rem;text-decoration:none;display:block;font-family:Open Sans,sans-serif}.dropdown-content a:hover{background-color:#f1f1f1}.show{display:block}.main{width:calc(100% - 240px);background-color:var(--second-color);height:100vh;overflow:hidden}.header{height:60px;background-color:#fff;box-shadow:#32325d40 0 6px 12px -2px;position:relative}.header-name{font-size:1.3rem;font-family:var(--second-font);font-weight:700}.header-dot{width:.3rem;height:.3rem;background-color:#000;border-radius:100%;margin:0 1rem}.header-position{font-size:1.4rem;font-weight:400}.header-avatar{width:3.7rem;height:3.7rem;border:1px solid var(--four-color);border-radius:100%;overflow:hidden;margin-left:1rem}.header-avatar img{-o-object-fit:fill;object-fit:fill;height:100%}.main-body{background-color:#fff;height:100vh;overflow:auto;padding-bottom:40px}.path-bar{background-color:#fff;height:4rem;display:flex;align-items:center;padding-left:2rem}.path-bar-parent{margin-right:.5rem}.path-name{font-weight:700;color:var(--primary-color)}.user-count{height:3.7rem;background-color:#fff;width:24.4rem;margin:1.5rem 0;border:1px solid var(--fifth-color);border-radius:.3rem;display:flex;align-items:center;justify-content:center}.user-count-text{font-weight:700;font-size:1.4rem;color:var(--six-color)}.user-count-number{font-weight:600;margin-left:1.5rem}.main-register{background-color:#fff;padding:3rem}.main-form{height:65dvh}.main-form-wrap{display:flex;justify-content:space-between;margin-left:-10rem}.main-form-item{width:calc(50% - 10rem);margin-left:10rem}.main-form-wrap-input,.main-form-wrap-radio{padding-bottom:1.2rem;margin-bottom:1.4rem;border-bottom:1px solid #929292}.main-form-label{display:inline-block;width:25%}.main-form-input{height:3.9rem;border-radius:.3rem;border:1px solid var(--border-color);width:24rem;padding-left:1.5rem}.main-form-wrap-radio{display:flex}.main-form-wrap-input-radio{width:15.8rem;padding:.2rem 1rem;display:flex}.main-form-wrap-input-radio:not(:last-child){margin-bottom:.5rem}.main-form-wrap-input-radio:hover{background-color:#f2f3f3}.main-form-input-radio{cursor:pointer;accent-color:var(--primary-color)}.main-form-label-radio{cursor:pointer;display:inline-block;margin-left:.5rem;width:100%}.main-form-wrap-btn{text-align:center;margin-top:10%}.main-form-btn{width:10.5rem;background-color:var(--primary-color);color:#fff;height:3.2rem;border:none;border-radius:.3rem;font-size:1.4rem;font-weight:700;cursor:pointer}.filter-wrap{margin:1.5rem 0;display:flex;align-items:center;width:43.8rem;justify-content:space-between}.filter-wrap-custom{width:100%}.filter-option{width:10.6rem}.filter-option-custom{display:flex;align-items:center;flex-shrink:0;width:15%;margin-left:1rem}.filter-option-checkbox{width:60%;display:flex;justify-content:space-around}.option-checkbox-wrap{display:flex;align-self:center}.option-checkbox input{margin-right:5px}.checkbox-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:20px;margin-right:5px}.checkbox-btn span{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:#fff;transition:.3s;border:1px solid #999999;border-radius:3px}.option-search-active{padding:3px 10px;border:1px solid #999999;border-radius:6px}.checkbox-btn span:before{content:"";display:inline-block;width:12px;height:6px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:scale(0) rotate(-45deg);position:relative;bottom:2px;transition:.6s}.checkbox-btn input{display:none}.checkbox-btn input:checked~span{background-color:#ba0010}.checkbox-btn input:checked~span:before{transform:scale(1) rotate(-45deg)}.filter-option select{width:100%;height:3.7rem;padding:0 1rem;background-color:var(--light-color);border-radius:.3rem;border:1px solid var(--fifth-color);color:var(--text-color)}.filter-select-date{margin-right:1rem;background-color:#fff!important;border-color:var(--border-color)!important;text-align:center}.filter-select-position{width:10.6rem!important}.filter-search-custom{min-width:240px}.filter-search-wrap{display:flex;align-items:center;border:1px solid #EBEBEB;border-radius:.3rem;height:3.7rem;padding:0 1rem;background-color:#ebebeb;border-radius:20px}.filter-search-btn{border:none;padding-right:1rem;background-color:transparent}.filter-search-input{border:none;margin-left:1rem;width:100%;background-color:#ebebeb}.bg-gray-custom input{background-color:#c3c3c3;border:none!important}.filter-date{width:21.5rem;height:3.8rem;padding:0 1rem;background-image:url(./images/calender.svg);background-repeat:no-repeat;background-position:95%;background-color:#fff;border:.05rem solid var(--text-color);border-radius:.4rem}.change-pass{height:3.7rem}.text-danger{color:#ba0010}@media (max-width: 1920px){.schedule-first{width:20px}}@media (max-width: 1200px){.is-user-button{padding:5px 10px;margin-left:15%;margin-right:15%;font-size:13px}}@media (max-width: 992px){.is-user-button{padding:5px 10px;margin-left:15%;margin-right:15%;font-size:13px}}@media (max-width: 768px){.is-user-button{padding:5px 8px;margin-left:15%;margin-right:15%;font-size:12px}}@media (max-width: 576px){.is-user-button{padding:5px 12px;margin-left:5px;width:80%;font-size:12px}}.set-worker-input{border:1px solid #000;border-radius:5px;text-align:center;width:37px;height:51px;background-color:#f6f6f6}.side-bar .item a:hover{background:#33363a;transition:.3s ease}.sub-menu{display:none;padding:0 0 0 4rem}.sub-item{margin-top:2rem}.sub-item:last-child{margin-bottom:2rem}.sub-menu-item{display:flex;flex-direction:column}.select-user{position:relative}.select2-user{position:absolute;min-width:215px;min-height:26px;z-index:10;right:-14rem;top:7rem}.input-normal{height:40px;min-width:150px}.gap-3{gap:12px}.gap-5{gap:20px}.mb-80{margin-bottom:80px}.nav-tabs{border-bottom:3px solid #dee2e6}.nav-item{position:relative;bottom:-1.5px}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#000!important;border-color:#fff;border-bottom:3px solid #FFBE00!important;font-weight:700;font-size:15px}.nav-link{color:#000!important;font-size:15px}.container-list{width:100%;padding-right:15px;padding-left:15px}.table{min-width:1000px!important;width:100%;background:#fff;border:none}.table td{vertical-align:middle}.table thead.thead-primary{background:#1089ff}.table thead th{border:none;font-size:14px;color:#fff}.table tbody tr{margin-bottom:10px}.table tbody th,.table tbody td{border:none;border-bottom:3px solid #f8f9fd;font-size:14px}.input-with-icon{position:relative;display:inline-block;margin-bottom:24px}.input-with-icon .icon{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;height:100%;background-color:#000;width:40px}.input-with-icon input{margin-left:30px;padding:8px 24px;height:40px;font-size:16px;border:1px solid #ccc;border-radius:5px}.input-with-icon input:focus{border-color:#007bff;outline:none}.thead-gray{background-color:#000;height:45px}.avatar{width:30px;height:30px;border-radius:50%;vertical-align:middle}.button-table{width:88px;height:27px;color:#000;background-color:#ebebeb;border:none}.edit-icon,.delete-icon{margin:0 5px;color:#000;cursor:pointer;width:10px}.icon-separator{color:#000;font-size:16px;margin:0 5px}.page-link{color:#000;background-color:#eee;padding:8px 12px;border:1px solid #000000;font-size:14px}.tab-content{margin-top:20px}.page-title{font-size:28px;margin-bottom:16px}.tab-pane{background-color:#eee;padding:24px 12px 48px}.modal-sm .modal-content{height:200px;width:250px;margin:auto}.modal-driver-sm .modal-content{height:500px;width:250px;margin:auto}.modal-dialog{height:100%;align-content:center}.modal-title{margin:auto;font-size:16px;padding:16px}.modal-header .close{margin-left:0}.footer-dialog{align-self:center;gap:20px;display:flex}.footer-dialog button{font-size:16px}.form-control{font-size:16px;color:#d4d3d3}.content{border:1px;box-shadow:0 0 4px #828282;padding:30px;border-radius:6px}.content-left{padding:0 50px 20px 0;width:50%}.content-right{padding:0 0 20px 50px;width:50%}.content label{font-size:14px}.content input[type=text]{height:40px;border:1px solid #A2A0A0!important}.wrapper-content{display:flex;justify-content:space-around;width:100%}.btn-group{display:flex;justify-content:center;align-items:center}.btn-group button{padding:8px 25px;color:#000;background-color:#fff;border:.8px solid #000000;font-size:16px;font-weight:400;margin-right:10px}.btn-group button:hover{color:#fff;background-color:#000}h3,.plus{font-size:20px}.text-red{color:red}button.ups-primary{color:#000;background-color:#fff;border:1px solid #000000;font-size:14px;font-weight:400;padding:.65rem 1.35rem;border-radius:2px}button.ups-primary:hover{color:#fff;background-color:#000}button.ups-action{color:#fff;background-color:#000;font-size:14px;font-weight:400;padding:.75rem 2.5rem;border-radius:4px;border:1px solid}button.ups-action:hover{color:#000;background-color:#fff;border:1px solid #000000}button.ups-search{color:#fff;background-color:#000;font-size:14px;font-weight:400;border-radius:2px;height:35px}button.ups-search:hover{color:#000;background-color:#fff;border:1px solid #000000}button.ups-search.a{color:#000;background-color:#fff;border:1px solid #000000;text-decoration:none}button.ups-search a:hover{color:#000;text-decoration:none}.gap-2{gap:1rem}.bg-ups-light{background-color:#eee}.cursor-pointer{cursor:pointer}.ups-paginate .active .page-link{background-color:#000!important;border-color:#000!important;color:#fff!important}.ups-paginate .page-link{padding:.8rem 1.35rem;color:#000!important;outline:none!important;box-shadow:none!important;border-color:#000}.ups-paginate [rel=prev]{padding:.8rem 1.75rem;border-start-start-radius:.35rem!important;border-end-start-radius:.35rem!important}.ups-paginate [rel=next]{padding:.8rem 1.75rem;border-start-end-radius:.35rem!important;border-end-end-radius:.35rem!important}.ups-paginate .disabled .page-link{color:#6c757d!important}.ups-paginate .page-link:hover{background-color:#4b4a4a!important;color:#fff!important;border-color:#000}.page-item:last-child .page-link{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.page-item:first-child .page-link{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.ups-form-control{padding:.5rem 1rem;font-size:1.25rem;color:#000;display:block;width:100%;line-height:1.5;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-color:#828282;height:40px;font-size:14px}.ups-form-control:focus{color:#495057;background-color:#fff;border-color:#000;outline:0}.ups-form-control.invalid{border-color:#dc3545}.thead-dark th{background:#000!important;height:45px;vertical-align:middle!important}.ups-radio input:checked~.form-check-label{border:1px solid #828282;border-radius:.25rem;background:#fafafa}.modal-sm .modal-content{height:180px!important;width:300px}.thead-dark th{background:#000!important}.ups-search-text{border:1px solid #A2A0A0!important;font-size:14px}.ups-search-text:focus{border:1px solid #000!important}#toast-container *{font-size:16px}.ups-add-btn{height:30px;width:115px;background:#eee;border-radius:.25rem;border:1px solid #000}.select2-container--default .select2-selection--single{border:1px solid #828282!important;border-radius:.25rem}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:#ebebeb;color:#000}.select2-selection__rendered{line-height:40px!important}.select2-container .select2-selection--single,.select2-selection__arrow{height:40px!important}.search-group .select2-selection__rendered{line-height:35px!important}.search-group .select2-container .select2-selection--single,.search-group .select2-selection__arrow,.search-group .ups-form-control{height:35px!important}.ups-date.ups-time input{border:1px solid #828282!important;border-radius:.25rem;background:#fff}.ups-date.ups-time input.invalid{border:1px solid #dc3545!important}.ups-date input{border:1px solid #828282!important;border-radius:.25rem;background:#fff}.ups-date input.invalid{border:1px solid #dc3545!important}.select2-container--default .select2-selection--single .select2-selection__clear{height:100%}.qs-overlay{background:#fff;color:#000}.qs-overlay .qs-overlay-year{color:#000;margin-bottom:.5rem}.qs-overlay .qs-overlay-month{opacity:1}.qs-overlay .qs-overlay-month:hover{background:#ffbe00;border-radius:.25rem}.day-off-group .off{background:#ebebeb;color:#000!important}input[type=time]::-webkit-calendar-picker-indicator{background:none;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}.dropdown-toggle:after{display:none}.xdsoft_timepicker{width:107px!important}.xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{margin-left:36px!important}.disabled{opacity:.9;cursor:default!important;pointer-events:none}.input-wrapper{position:relative;display:inline-block}.input-wrapper .toggle-password{position:absolute;top:50%;right:10px;transform:translateY(-50%);cursor:pointer;color:#999}.input-wrapper .toggle-password:hover{color:#333}.select2-selection__rendered{text-align:left}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.select2-container.disabled{pointer-events:none;opacity:.5}.username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;display:inline-block}