body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"mainFont";src:url(/d-rec-admin/static/media/Rubik-Light.8e4b0184.ttf)}[class*=col-]{width:100%}@media only screen and (min-width:600px){.col-m-1{width:8.33%}.col-m-2{width:16.66%}.col-m-3{width:25%}.col-m-4{width:33.33%}.col-m-5{width:41.66%}.col-m-6{width:50%}.col-m-7{width:58.33%}.col-m-8{width:66.66%}.col-m-9{width:75%}.col-m-10{width:83.33%}.col-m-11{width:91.66%}.col-m-12{width:100%}}@media only screen and (min-width:768px){.col-l-1{width:8.33%}.col-l-2{width:16.66%}.col-l-3{width:25%}.col-l-4{width:33.33%}.col-l-5{width:41.66%}.col-l-6{width:50%}.col-l-7{width:58.33%}.col-l-8{width:66.66%}.col-l-9{width:75%}.col-l-10{width:83.33%}.col-l-11{width:91.66%}.col-l-12{width:100%}}.main-content{font-family:"mainFont"}.main-content>.content{font-family:"mainFont";display:flex;overflow:auto;align-items:center;flex-direction:column;width:100%;flex-grow:1}button,input,select{font-family:"mainFont";background:#fff;border:none;border-radius:4px;min-height:40px;max-height:40px;height:40px;padding:0 15px;margin:5px;box-shadow:1px 1px 3px 0 rgb(0 0 0/50%);font-size:16px}button{font-weight:bolder;cursor:pointer}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.main-content{position:fixed;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.main-header{height:100%;min-height:100px;max-height:100px}.main-header>.back-button{width:80px}.main-header>.content>.toppic{display:flex;align-items:center;justify-content:center;font-size:20px;padding:0 20px;border-radius:22px;border:none;height:44px}.content-page{font-family:"mainFont";width:100%;height:100%;display:flex;flex-direction:column;flex-grow:1}.content-page>.head-content-page{display:flex;align-items:center;font-size:30px;margin-top:20px;margin-left:20px;margin-right:20px;font-weight:bolder}.content-page>.head-content-page-sub{display:flex;align-items:center;font-size:20px;margin-left:20px;margin-right:20px}.content-menu{font-family:"mainFont";width:100%;height:100%;padding:70px 20px 20px;display:flex;flex-wrap:wrap;justify-content:center;flex-grow:1}.content-menu>.box-menu{width:225px;min-width:230px;max-width:230px;min-height:300px;max-height:300px;padding:20px;margin:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.content-menu>.box-menu:hover{background:rgba(0,0,0,.7);box-shadow:1px 1px 3px 0 rgba(0,0,0,.7)}.content-menu>.box-menu>.content{padding:20px;min-width:230px;max-width:230px;min-height:300px;max-height:300px;display:flex;flex-direction:column;text-decoration:none;color:#222}.content-menu>.box-menu>.content:hover{-webkit-animation:hover_move_box_menu .2s both;animation:hover_move_box_menu .2s both}.content-menu>.box-menu>.content>.version{top:8px;right:8px;text-align:right}.content-menu>.box-menu>.content>.shot-name{font-size:70px;text-align:left;flex-grow:1}.content-menu>.box-menu>.content>.full-name{font-size:25px;text-align:left;flex-grow:1}.content-menu>.box-menu>.content>.line{background:#000;width:100%;height:1px}.content-menu>.box-menu>.content>.note{font-size:14px}#print-content{display:none;z-index:10000;position:fixed;top:0;left:0;right:0;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:#fff;padding:50px;text-align:center}.table-form{border-collapse:collapse;width:100%;margin-bottom:30px;background:#fff}.table-form td,.table-form th{border:1px solid #999;padding:5px;text-align:center}.table-form tr:nth-child(2n){background-color:#f2f2f2}.table-form tr:hover{background-color:#ddd}.table-form th{background-color:rgba(228,243,255,.3333333333333333)}.AZ>tbody>tr>th{background-color:rgba(95,158,160,.3333333333333333)}.DOAZ>tbody>tr>th{background-color:rgba(9,121,105,.3333333333333333)}.MDTON>tbody>tr>th{background-color:rgba(54,69,79,.3333333333333333)}.MD>tbody>tr>th{background-color:rgba(115,147,179,.3333333333333333)}.GASD>tbody>tr>th{background-color:rgba(159,43,104,.3333333333333333)}@-webkit-keyframes hover_move_box_menu{0%{margin-left:0;margin-top:0}to{margin-left:-15px;margin-top:-15px}}@keyframes hover_move_box_menu{0%{margin-left:0;margin-top:0}to{margin-left:-15px;margin-top:-15px}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media print{#print-content{display:block}#normal-content{visibility:hidden}}.main-header{display:flex;align-items:center;height:80px;width:100%;min-height:80px;max-height:80px;z-index:100;background-color:#fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.7)}.main-header>.back-button{font-family:"mainFont";height:100%;width:10px;padding:0 15px;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;border-right:1px solid #aaa;background:#5d58e0;color:#fff;flex-direction:column;text-decoration:none;cursor:pointer}.ic-more,.main-header>.back-button>.ic-back{margin:0}.main-header>.content{margin:24px;display:flex;flex-direction:row;flex-wrap:wrap;flex-grow:1}.main-header>.content>.position-name{font-size:20px}.main-header>.content>.position-name>.route{color:#000;background-color:#eee;font-weight:bolder;height:30px;padding:2px 20px;border-radius:15px;cursor:pointer}.main-header>.content>.position-name>.route.active{color:#fff;background-color:#5d58e0;cursor:default}.main-header>.logo{width:150px;margin:0 20px;cursor:pointer}.main-header>.display-user{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 30px 0 10px}.main-header>.display-user>.name{width:100%;color:#000;font-weight:bolder;font-size:15px}.main-header>.display-user>.position{width:100%;color:#5d58e0;font-size:15px;font-weight:bolder}.main-header>.toggle-menu{position:absolute;background:#fff;border:1px solid #aaa;right:0;top:80px;width:150px;height:auto}.main-header>.toggle-menu>.list{background:#fff;border-bottom:1px solid #aaa;width:100%;height:40px;padding:0 15px;display:flex;align-items:center;cursor:pointer}.main-header>.toggle-menu>.list:hover{background:#eee;font-weight:bolder}.loading-content{position:fixed;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3137254901960784);width:100%;height:100%}.loading-content>.text{margin-bottom:0;margin-left:15px}.form-login-content{display:flex;align-items:center;justify-content:center;flex-direction:column;width:250px}.form-login-content>p,.input_login{text-align:center}.input_login{width:100%;padding:0;margin-bottom:10px}.img_logo{margin-bottom:20px}.bt-login{background-color:#5d58e0;width:100%;min-height:60px;color:#fff}.insane-table>.box-table>.tool>input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none}.insane-table>.box-table>table>tbody>tr>td{height:55px}.no-data{font-size:25px;font-weight:bolder;color:#aaa;text-transform:uppercase}.no-data,.popup-alert-black-drop{display:flex;align-items:center;justify-content:center}.popup-alert-black-drop{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.3137254901960784);z-index:10000;top:0;left:0}.popup-alert-box-content{width:350px;max-width:350px;height:200px;background:#f5f5f5;border:none;border-radius:5px}.popup-alert-box-content>.modal-content{height:100%;border:none}.popup-alert-header{height:50px;width:100%;flex-direction:row;background-color:#5d58e0;color:#fff;font-weight:bolder;font-size:18px}.popup-alert-content,.popup-alert-header{display:flex;align-items:center;justify-content:center}.popup-alert-content{flex-grow:1;font-size:16px}.popup-alert-box-bt{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:0}.popup-alert-bt{flex-grow:1;flex-basis:0;margin:5px;border:none}.content-dashboard{font-family:"mainFont";display:flex;flex-direction:row;width:100%;height:100%;position:fixed}.insane-table-dashboard{width:100%;margin:0!important}.menu{min-width:400px;height:100%;box-shadow:1px -1px 5px 1px rgba(0,0,0,.3);-webkit-box-shadow:1px -1px 5px 1px rgba(0,0,0,.3);-moz-box-shadow:1px -1px 5px 1px rgba(0,0,0,.3);display:flex;flex-direction:column;z-index:100}.menu>.list{display:flex;flex-direction:row;padding:10px 20px;margin-left:20px;background:#eee;color:#555;position:relative}.menu>.list>.active{height:100%;width:15px;position:absolute;left:0;top:0;background:#5d58e0;border-top-left-radius:4px;border-bottom-left-radius:4px}.menu>.list.active{padding-left:30px;font-size:18px;color:#000;font-weight:bolder}.menu>.list-toppic{display:flex;flex-direction:column;padding:10px 20px;background:#d3d3d3;color:#000;font-weight:bolder;font-size:20px;border:0 solid #eee;box-shadow:1px 1px 3px 0 rgb(0 0 0/70%)}.menu>.sub-list-box{margin-left:50px;padding:10px}.menu>.sub-list-box>.sub-list{cursor:pointer;color:#555}.menu>.sub-list-box>.sub-list:hover{background:#eee;margin-left:-20px;padding-left:20px;margin-right:-10px}.menu>.sub-list-box>.sub-list.active{cursor:pointer;color:#000;font-size:18px;font-weight:bolder;background:#eee;margin-left:-20px;margin-right:-10px;padding-left:10px;border-left:5px solid #5d58e0;border-bottom:2px solid #5d58e0}.main{font-family:"mainFont";display:flex;flex-direction:column;flex-grow:1;width:auto;height:100%;overflow:auto;position:relative}.main>.head-content-page{display:flex;align-items:center;font-weight:bolder;width:100%;margin-bottom:15px;height:100px}.main>.head-content-page>.box-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border-radius:15px;flex-grow:1;flex-basis:0;height:120px;cursor:pointer}.main>.head-content-page>.box-summary.total{background-color:#cecece;margin-right:10px}.main>.head-content-page>.box-summary.wait{background-color:#ff8383;margin-right:10px}.main>.head-content-page>.box-summary.process{margin-right:10px;background-color:#ffe883}.main>.head-content-page>.box-summary.success{background-color:#83ff94}.main>.head-content-page>.box-summary.active{margin-top:-10px;box-shadow:1px 3px 3px 0 rgb(0 0 0/70%)}.main>.head-content-page>.box-summary>.value{color:#000;font-size:50px}.main>.head-content-page>.box-summary>.toppic{color:#000;font-size:20px}.main>.header-box{display:flex;flex-direction:row;align-items:center;margin-bottom:15px}.main>.header-box>.title{font-size:20px;font-weight:bolder;flex-grow:1}.main>.header-box>.box-input{margin-left:20px}.main>.header-box>.bt_search{background:#5d58e0;color:#fff;margin:0}.insane-table{display:flex;flex-direction:column;width:auto;height:100%;margin:20px}.insane-table>.box-table{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column}.insane-table>.box-table>.tool{display:flex;justify-content:flex-end;align-items:center;padding:10px 0}.insane-table>.box-table>.tool>input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.insane-table>.box-table>.tool>input{text-align:center;background:#fff;width:50px;padding:0}.insane-table>.box-table>.tool>button,.insane-table>.box-table>.tool>input{margin:5px;border:none;border-radius:4px;height:30px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.5)}.insane-table>.box-table>.tool>button{display:flex;align-items:center;justify-content:center;color:#fff;background:#5d58e0;width:30px;outline:none;font-weight:bolder}.insane-table>.box-table>.tool>button:active{box-shadow:none}.insane-table>.box-table>table{border-spacing:0;border:1px solid #aaa}.insane-table>.box-table>table>thead{background:#b5e3fe;font-weight:bolder}.insane-table>.box-table>table>tbody>tr>td,.insane-table>.box-table>table>thead>tr>th{padding:2px;border:1px solid #aaa;text-align:center}.insane-table>.box-table>table>thead,tbody>tr>td>img{width:30px}.insane-table>.collapsible_button{font-family:"mainFont";background-color:#d3d3d3;border-top-left-radius:5px;border-top-right-radius:5px;font-size:20px;cursor:pointer;text-align:left;outline:none;font-weight:bolder;box-shadow:1px 1px 3px 0 rgba(0,0,0,.5)}.insane-table>.collapsible_button.collapsible_active{box-shadow:none;border:3px solid #5d58e0}.insane-table>.collapsible_button>.button{display:flex;justify-content:center;align-items:center;margin:4px;padding:10px 15px}.insane-table>.collapsible_button>.button:hover{background-color:#ddd}.insane-table>.collapsible_button>.button>img{width:30px;margin:0 5px}.insane-table>.content-collapsible{font-family:"mainFont";padding:0;height:0;overflow:hidden;background-color:#f1f1f1;border:1px solid #5d58e0;border-top:none;border-bottom:3px solid #5d58e0;display:flex;align-items:center;justify-content:center;transition:min-height .1s ease-out}.insane-table>.content-collapsible>.row{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%;margin:5px 40px}.insane-table>.content-collapsible>.row>.box-input{display:flex;align-items:center;justify-content:center;width:auto!important}.insane-table>.content-collapsible>.row>.bt_search{background:#5d58e0;color:#fff;margin:0}.insane-table>.content-collapsible.collapsible_active{min-height:100px}.custom-input{width:unset;display:flex;align-items:center}.my-modal{width:70vw;max-width:70vw}.content-workorder-view{flex-direction:row}.content-workorder-view>.menu{min-width:500px}.content-workorder-view>.menu>.toppic{padding:20px;font-size:25px;font-weight:bolder;display:flex;align-items:center}.content-workorder-view>.menu>.detail-container{flex-grow:1;overflow:auto}.content-workorder-view>.menu>.detail-container>.detail-row{padding:5px 20px;font-size:15px;display:flex;align-items:center;flex-direction:row}.content-workorder-view>.menu>.detail-container>.detail-row>.name{min-width:180px;color:#5d58e0;font-weight:bolder}.content-workorder-view>.menu>.detail-container>.detail-row>.value{flex-grow:1;color:#000;font-weight:bolder}.custom-style-InputGroup{display:flex;align-items:center;justify-content:center;flex-direction:row;height:40px;margin-bottom:10px}.InputGroupTitle{height:100%}.detail-row{padding:5px 20px;font-size:15px;display:flex;align-items:center;flex-direction:row}.detail-row>.name{min-width:130px;color:#5d58e0;font-weight:bolder}.detail-row>.value{flex-grow:1;color:#000;font-weight:bolder}.detail-row>.bt-img{padding:5px;margin-right:10px;border-radius:5px;cursor:pointer;border:1px solid transparent}.detail-row>.bt-img>img{width:50px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.detail-row>.bt-img:hover{background:#eee}.detail-row>.bt-img.active{border:1px solid #5d58e0}.detail-row>.bt-img.active>img{-webkit-filter:unset;filter:unset}.approve{display:flex;align-items:center;justify-content:center;flex-direction:row;margin-top:20px;margin-left:20px;margin-right:20px;font-size:18px}.pd-tag-result>.head-content-page{display:flex;align-items:center;font-weight:bolder;height:100px}.pd-tag-result>.head-content-page>.box-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border-radius:15px;flex-grow:1;flex-basis:0;height:120px;cursor:pointer}.pd-tag-result>.head-content-page>.box-summary.total{background-color:#cecece;margin-right:10px}.pd-tag-result>.head-content-page>.box-summary.wait{background-color:#ff8383;margin-right:10px}.pd-tag-result>.head-content-page>.box-summary.process{background-color:#ffe883}.pd-tag-result>.head-content-page>.box-summary.success{background-color:#83ff94;margin-right:10px}.pd-tag-result>.head-content-page>.box-summary.active{margin-top:-10px;box-shadow:1px 3px 3px 0 rgb(0 0 0/70%)}
/*# sourceMappingURL=main.bfd392d4.chunk.css.map */