@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap");@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');@font-face{font-family:'Poppins';src:url('fonts/Poppins/Poppins-Regular.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'Poppins';src:url('fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');font-weight:bold;font-style:normal}*{font-family:Poppins,Ubuntu;margin:0;padding:0;box-sizing:border-box}:root{--bluu:#002366;--bluu-blue:#1658af;--bluu-blue-light:#4d81f1;--bluu-blue-light2:#3a68cc;--bluu-blue-light3:#d1e0ff;--bluu-black:#000;--bluu-gray:#d9d9d9;--bluu-gray-light:#f2f4f7;--white:#fff;--gray:#999;--gray2:#ddd;--black:#222;--green:#008000;--green-light:#8de02c;--blue:#1795ce;--yellow:#ffea00;--orange:#ffa500;--red:#f00}body{min-height:100vh;overflow-x:hidden}#dateDuration>.dx-collection{column-gap:0!important}.loginWrapper{display:flex;justify-content:center;align-items:center;min-height:100vh}.loginLabel{display:flex;align-items:flex-end;color:#fff;margin-left:-25px;justify-content:space-between}.loginLabel .lginLogin{font-size:39px;font-weight:500;line-height:46px;margin-left:-10px}.loginLabel .lgintm{font-weight:200;font-size:15px}.loginLabel .lginCloud{font-weight:400}.loginContainer{background:var(--bluu-blue-light2);padding:1.5rem 2rem;border-radius:.5rem}.loginFormWrapper{margin-top:1rem;position:relative}#rememberMe{position:absolute;bottom:5px}#form_login{width:100%}#form_login .dx-layout-manager .dx-field-item:not(.dx-first-row){padding-top:18px}#form_login #btnSubmit{border-color:#f8f8ff;border:.5px solid #f8f8ff;background-color:#9bc3ff;color:#fff;font-weight:500}.font-regular{font-weight:400!important}.font-semiBold{font-weight:600!important}.dx-widget{font-family:Poppins!important}.container-fluid{position:relative;display:flex;width:100%;--bs-gutter-x:none!important}.menuNav{position:absolute;right:0;top:0;margin:10px 20px 10px 10px;color:var(--black)}.menuNav a{position:relative;text-decoration:none;color:var(--black);padding:5px;border-radius:10px}.menuNav a:hover{background-color:var(--gray2);color:var(--black)}.menuNav span{color:var(--black)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.navigation{position:fixed;width:250px;height:100%;background:var(--bluu-blue-light);transition:.5s;overflow-y:auto;overflow-x:hidden}.navigation .brand{position:relative;height:60px;width:100%;text-align:start;white-space:nowrap;margin-bottom:10px 0;padding-left:10px}.navigation .brand a{position:relative;width:100%;text-decoration:none;color:var(--white);display:flex;align-items:center}.navigation .brand a .title{position:relative;display:block;padding:0 10px;height:60px;line-height:60px;text-align:start;font-size:x-large;white-space:nowrap}.navigation .brand a .icon{position:relative;min-width:60px;height:60px;line-height:75px;text-align:center;display:flex;align-items:center;justify-content:center}.navigation .brand a .icon ion-icon{font-size:1.75rem}.navigation.active{width:80px}.navigation ul{position:relative;top:0;left:0;width:100%;padding-left:unset}.navigation ul li{position:relative;width:100%;list-style:none}.navigation ul li:last-child{display:none}.navigation ul li:hover,.navigation ul li.hovered{background-color:var(--bluu-blue-light2)}.navigation ul li a,.navigation ul li div{position:relative;display:block;width:100%;display:flex;text-decoration:none;color:var(--white);padding-left:10px;cursor:pointer}.navigation ul li a .icon,.navigation ul li div .icon{position:relative;display:block;min-width:60px;height:60px;line-height:60px;text-align:center}.navigation ul li a .icon ion-icon,.navigation ul li div .icon ion-icon{font-size:1.75rem}.navigation ul li a .title,.navigation ul li div .title{position:relative;display:block;padding:0 10px;height:60px;line-height:60px;text-align:start;white-space:nowrap}.hNavPath{height:36px;display:flex;align-items:center;background-color:#fff;border-bottom:1px solid #ebebeb;clear:both;font-size:13px;padding-left:5px;overflow:hidden}.hNavPath>a{text-decoration:none;color:#a39b9b;padding:0 8px;font-weight:500}.hNavPath a.d3Menu{color:var(--bluu-blue);font-weight:600}.hTitleBox{display:flex;justify-content:space-between;padding:10px 10px 0 10px}.hTitleBox .hTitle,.hTitleBox .hButton{font-weight:600;font-size:27px;color:var(--black)}.main{position:absolute;width:calc(100% - 250px);left:250px;min-height:100vh;background:var(--bluu-gray-light);transition:.5s}.main.active{width:calc(100% - 80px);left:80px}.topbar{width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:var(--white);box-shadow:0 6px 5px rgba(0,0,0,.12);margin-bottom:6px}.toggle{position:relative;width:45px;height:45px;display:flex;font-size:2.5rem;cursor:pointer;border-radius:50%;z-index:1001;align-items:center;justify-content:center}.toggle:hover{background:var(--gray2)}.toggle ion-icon,.mbHome ion-icon{top:0;left:0;width:30px;height:30px;padding:5px;object-fit:cover;cursor:pointer}.main .topbar .topbarUl{position:relative;margin-bottom:2px;padding:0}.main .topbar .topbarUl>li{position:relative;display:block;float:left;padding-right:10px}.main .topbar .topbarUl>li .search{position:relative;width:45px;height:45px;border-radius:50%}.main .topbar .topbarUl>li .search:hover{background-color:var(--gray2)}.main .topbar .topbarUl>li .search.active{position:relative;width:300px;border-radius:20px}.main .topbar .topbarUl>li .search.active:hover{background-color:var(--gray2)}.main .topbar .topbarUl>li .search label.active{display:block;position:relative;z-index:1002;box-shadow:0 7px 25px rgba(0,0,0,.08);border-radius:50%}.main .topbar .topbarUl>li .search label .icon{position:absolute;top:0;left:0;width:40px;height:40px;padding:8px 5px;object-fit:cover;cursor:pointer;border-radius:50%}.main .topbar .topbarUl>li .search label ion-icon:hover{background-color:var(--gray2)}.main .topbar .topbarUl>li .search label input{display:none}.main .topbar .topbarUl>li .search label input.active{display:block;width:100%;height:40px;border-radius:40px;padding:5px 20px;padding-left:45px;font-size:18px;outline:0;border:0}.main .topbar .topbarUl>li .search label input:hover{background-color:var(--bluu-gray-light)}.main .topbar .topbarUl>li .option{position:relative;width:45px;height:45px;border-radius:50%;overflow:hidden;line-height:45px;text-align:center;cursor:pointer}.main .topbar .topbarUl>li .option:hover{background-color:var(--gray2)}.main .topbar .topbarUl>li .option ion-icon{position:absolute;top:0;left:0;width:30px;height:30px;padding:5px;object-fit:cover;cursor:pointer}.searchResult{position:absolute;top:0;left:0;min-height:100px;width:100%;z-index:1001;background-color:var(--white);display:none;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 7px 25px rgba(0,0,0,.08)}.searchResult .searchResultUl{position:relative;overflow-x:hidden;overflow-y:auto;width:auto;height:100%;margin:40px 0 10px 20px;display:grid;padding:0;max-height:500px}.searchResult .searchResultUl li{list-style:none;margin-top:10px;margin-bottom:5px;padding-right:0}.searchResult .searchResultUl li a{text-decoration:none;color:var(--black);padding:5px;font-size:15px}.searchResult .searchResultUl li a:hover{background-color:var(--bluu-blue-light);color:var(--white);border-radius:5px}.storeInfo{position:relative;width:auto;height:40px;border:0!important;margin-left:10px}.storeInfo .dx-dropdowneditor-icon{border:1px solid #000}.customItem{position:relative;width:100%;height:100%;display:flex;align-items:center}.customItem input{position:relative;font-size:25px;font-weight:600}.user{position:relative;width:35px;height:35px;border-radius:50%;overflow:hidden;cursor:pointer}.user ion-icon{position:absolute;width:30px;height:30px;padding:3px;object-fit:cover;background-color:var(--gray2)}.storeName{position:relative;line-height:30px;font-size:15px;width:auto}#loadingContainer{position:fixed;z-index:4;left:0;top:0;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center;cursor:default;display:none}#loadingText{font-size:1.1em;color:var(--white)}.loadingDefault,.loadingDefault div{box-sizing:border-box}.loadingDefault{display:inline-block;position:relative;width:80px;height:80px;color:var(--white)}.loadingDefault div{position:absolute;width:6.4px;height:6.4px;background:currentColor;border-radius:50%;animation:loadingDefault 1.2s linear infinite}.loadingDefault div:nth-child(1){animation-delay:0s;top:36.8px;left:66.24px}.loadingDefault div:nth-child(2){animation-delay:-.1s;top:22.08px;left:62.29579px}.loadingDefault div:nth-child(3){animation-delay:-.2s;top:11.30421px;left:51.52px}.loadingDefault div:nth-child(4){animation-delay:-.3s;top:7.36px;left:36.8px}.loadingDefault div:nth-child(5){animation-delay:-.4s;top:11.30421px;left:22.08px}.loadingDefault div:nth-child(6){animation-delay:-.5s;top:22.08px;left:11.30421px}.loadingDefault div:nth-child(7){animation-delay:-.6s;top:36.8px;left:7.36px}.loadingDefault div:nth-child(8){animation-delay:-.7s;top:51.52px;left:11.30421px}.loadingDefault div:nth-child(9){animation-delay:-.8s;top:62.29579px;left:22.08px}.loadingDefault div:nth-child(10){animation-delay:-.9s;top:66.24px;left:36.8px}.loadingDefault div:nth-child(11){animation-delay:-1s;top:62.29579px;left:51.52px}.loadingDefault div:nth-child(12){animation-delay:-1.1s;top:51.52px;left:62.29579px}@keyframes loadingDefault{0%,20%,80%,100%{transform:scale(1)}50%{transform:scale(1.5)}}.cardBox{position:relative;width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px}.cardBox .card{position:relative;background:var(--white);padding:20px;border-radius:5px;display:flex;justify-content:space-between;border:0}.totalDetail{margin-top:15px;padding:15px 0 10px 0;background:var(--white)}#favContent{overflow:auto}.favTitle{padding-left:20px;font-weight:600;align-items:center;display:flex;height:30px}.favTitle .fTitle{font-size:18px;margin-left:5px}.favTitle img{transition:all 1s ease;transform:scale(1)}.favTitle img.active{transform:scale(1.2)}.favCardBox,.menuCardBox{position:relative;width:100%;padding:20px 20px 30px 15px;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:15px;overflow:hidden}.favCardBox .memuCard,.menuCardBox .memuCard{position:relative;background:var(--white);padding:15px;border:1px solid #d1d1d1;border-radius:7px;text-align:center;color:var(--bluu);min-height:120px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.favCardBox .memuCard:hover,.menuCardBox .memuCard:hover{background:var(--gray)}.favCardBox .memuCard a,.menuCardBox .memuCard a{position:relative;text-decoration:none;color:var(--black);cursor:pointer}.favCardBox .memuCard a .iconBx,.menuCardBox .memuCard a .iconBx{padding-top:15px;font-size:3rem}.favCardBox .memuCard a .iconBx img,.menuCardBox .memuCard a .iconBx img{font-size:3rem;vertical-align:top}.favCardBox .memuCard a .cardName,.menuCardBox .memuCard a .cardName{font-size:1rem;cursor:pointer}.favStar{font-size:1.5rem;color:var(--bluu);position:absolute;margin:10px;width:24px;height:24px;right:0;top:0;cursor:pointer;z-index:1000}.favStar span{display:inline-block;width:100%;height:100%;background-image:url(../icons/favorite_empty.png);background-size:contain;background-repeat:no-repeat}.favStar span.active{display:inline-block;width:100%;height:100%;background-image:url(../icons/favorite_filled.png);background-size:contain;background-repeat:no-repeat}.details{position:relative;width:100%;overflow:hidden;grid-template-columns:1fr;grid-gap:15px;background-color:var(--white);border-radius:5px}.details .recentOrders{position:relative}.details .recentOrders ul{position:relative;list-style:none;width:100%;padding:20px 20px 20px 0;cursor:pointer;margin:0;display:flex;justify-content:space-between;align-items:center}.details .recentOrders ul li{float:left;width:100%}.details .recentOrders ul li:not(:last-child){border-right:1px solid var(--gray)}.details .recentOrders ul li #status{text-align:center;line-height:1.2rem;min-height:40px}#countView{display:flex;justify-content:center;padding:0 30px 0 30px}#countView #countInvView,#countView #countPcsView{text-align:center}#countView #countInvView .count,#countView #countPcsView .countPcs{color:var(--bluu-blue-light2);font-size:2.5em;font-weight:500;height:47px}#countView #countInvView span,#countView #countPcsView span{font-weight:500;font-size:.9em}#countSlash{color:var(--bluu-blue-light2);font-size:1.2em;margin-top:15px;margin:17px 5px 0 5px}.cardHeader h3,.cardHeader h2,.cardHeader h1{font-weight:600;color:var(--black)}.cardHeader .btn{position:relative;padding:5px 10px;background:var(--bluu);text-decoration:none;color:var(--white);border-radius:6px}.hq{padding:2px 4px;background:var(--bluu-blue-light2);color:var(--white);border-radius:4px;font-size:14px;font-weight:500;left:0;top:0}.hqInBox{position:absolute;z-index:1002}.dbContent{position:relative;width:100%;padding:0 10px 20px 10px;display:grid;grid-template-columns:1fr;grid-gap:15px;background:var(--bluu-gray-light);overflow-y:auto}.pageContent{position:relative;width:100%;padding:0 10px;display:block;background:var(--bluu-gray-light)}.pageContent .commonPage{position:relative;display:block;width:100%;max-width:100vw;padding:10px 0 0 0}.pageContent .commonPage .cardHeader{margin-bottom:20px}.twoPage{position:relative;display:flex;width:100%;max-width:100vw;padding:5px 0 0 0;height:100%;cursor:default}.pageContent .timecardPage .cardContent:first-child{display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--white);margin:0 5px 0 5px;min-width:600px}.pageContent .timecardPage .cardContent #currentTime{position:absolute;top:20px;right:20px}.pageContent .authPage .cardContent:last-child,.pageContent .contentsPage .cardContent:last-child{background-color:var(--white);margin:0 5px 0 5px;min-width:600px;padding:10px 5px 0 5px}.pageContent .contentsPage .cardContent:last-child div:first-child{min-height:32px;padding:0 0 0 5px}#currentEmpInfo{text-align:center;margin:50px 0 10px 0;font-size:3em;font-weight:600}#statusStart,#statusGap{text-align:center;font-size:1.5em;color:var(--bluu-blue-light2)}#clockSetting{display:flex;justify-content:space-between;margin:50px 100px 50px 100px}#clockSetting div{display:flex;align-items:center;justify-content:center;color:var(--bluu-blue-light2);border:4px solid var(--bluu-blue-light2)!important;border-radius:10px;width:100%;height:128px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#clockSetting div span{font-weight:600;font-size:2em;padding:20px}#clockSetting div:hover{color:var(--white);border:4px solid var(--white)!important;background-color:var(--bluu-blue-light2)}.withText{table-layout:fixed!important;border:1px solid #000!important;font-weight:600}.withText .dx-tabs-wrapper .dx-tab.dx-item{background-color:#d9d9d9}.withText .dx-tabs-wrapper .dx-tab.dx-item.dx-tab-selected{background-color:#fff}.withText .dx-tabs-wrapper .dx-tab.dx-tab-selected::after{border-right:1px solid #000;border-left:1px solid #000;border-top:0;border-bottom:0}.btnSave{background-color:var(--bluu)!important;color:var(--white)!important;margin:5px;float:right;height:36px}.btnSearch{background-color:var(--bluu)!important;color:var(--white)!important}.hLine{border-bottom:1px solid var(--gray2);margin:20px auto 20px auto;width:90%}.vLine{border-left:1px solid var(--gray2);margin:20px auto 20px auto;width:auto}.titleLine{border-bottom:1px solid var(--gray2);margin:0 auto 10px auto;width:100%;height:5px}.field{position:relative;display:flex;padding:10px;justify-content:space-between}#gridContainer{min-height:450px}#itmContainer{display:flex}#itmContainer .itcUl{position:relative;top:0;left:0;min-width:190px;height:auto;margin:0;padding:0}#itmContainer .itcUl li{position:relative;list-style:none;width:100%}#itmContainer .itcUl li div{text-decoration:none;color:var(--bluu);display:block;padding:10px 0 10px 0;font-size:1.5em;cursor:default}#itmContainer .itcUl li ul li div{text-decoration:none;color:var(--bluu);display:block;padding:10px 0 10px 10px;font-size:1.2em;cursor:pointer}#itmContainer .itcUl li ul li div:hover{background-color:var(--bluu-blue-light2);color:var(--white)}#itmContainer .itcUl li ul li div.active{background-color:var(--gray2)}.functionView,.itmCardView{width:100%;height:calc(100vh - 200px);overflow:auto}.itmCardBox{position:relative;width:100%;padding:10px 20px 10px 20px;display:grid;grid-template-columns:repeat(8,1fr);grid-gap:15px;overflow:hidden}.itmCardBox .memuCard{position:relative;background:var(--white);border-radius:10px;text-align:center;box-shadow:0 7px 25px rgba(0,0,0,.08);color:var(--bluu);min-height:120px;text-decoration:none;border:3px solid var(--gray2)}.itmCardBox .memuCard:hover{border:3px solid var(--bluu-blue-light2)}.itmCardBox .memuCard:hover .optIcon,.itmCardBox .memuCard:hover .rvtIcon,.itmCardBox .memuCard:hover .rmvIcon{display:block}.itmCardBox .memuCard.active{opacity:.3}.itmCardBox .memuCard.targeting{border:3px solid var(--red)}.itmCardBox .memuCard .plus{position:relative;font-size:3rem;height:100%;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer}.itmCardBox .memuCard .plus:hover{background-color:var(--bluu-blue-light2);color:var(--white)}.itmCardBox .memuCard .plus ion-icon{--ionicon-stroke-width:64px}.itmCardBox .memuCard .iconBx{position:relative;padding-top:15px;font-size:3rem;height:100px;background-color:var(--gray2);border-top-left-radius:5px;border-top-right-radius:5px}.itmCardBox .memuCard .imgBx{position:relative;height:100px;background-color:var(--gray2);border-top-left-radius:5px;border-top-right-radius:5px;display:grid;justify-content:center;align-content:center}.itmCardBox .memuCard img{max-height:100px;padding:5px}.itmCardBox .memuCard .cardName{position:relative;font-size:1rem;cursor:pointer;min-height:40px;display:flex;align-items:center;justify-content:center}.itmCardBox .memuCard .cardNamefull{height:100%;width:100%}.optIcon,.rvtIcon,.rmvIcon{font-size:1.8rem;color:var(--bluu-blue-light2);position:absolute;width:32px;height:32px;right:0;top:0;cursor:pointer;z-index:1000;display:none}.rvtIcon span,.rmvIcon span{display:inline-block;width:100%;height:100%;border-radius:5px}.rvtIcon span:hover,.rmvIcon span:hover{background-color:var(--gray2)}.rvtIcon span ion-icon,.rmvIcon span ion-icon{--ionicon-stroke-width:48px}#sGroupBox tr:hover{background-color:var(--bluu)!important;color:var(--white)!important}#formContainer{height:auto;width:100%;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}#formContainer div{display:flex;align-items:center}.dx-texteditor.dx-state-readonly{background-color:var(--bluu-gray-light)!important}.dx-checkbox.dx-state-readonly .dx-checkbox-icon{background-color:var(--bluu-gray-light)!important}.filterArea{min-height:42px;width:100%;background-color:#fff;padding:8px 45px 8px 5px;border-radius:3px;display:flex;flex-wrap:wrap;position:relative}.filterArea .filterFold{position:absolute;top:0;right:5px;cursor:pointer}.filterArea .filterFold i{font-size:35px}.filterArea .fBlockContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.filterArea .fBlockContainer .fBlock{line-height:35px;display:flex;justify-content:flex-start;padding:0 0 5px 5px;flex-direction:column}.filterArea .fBlockContainer .fBlock .fLabel{min-width:80px;padding:0;padding-left:3px;float:left;overflow:hidden;display:flex;align-items:center;justify-content:start;font-size:13px;line-height:20px}.filterArea .fBlockContainer .fBlock .fLabel .fLabel-inline{display:inline-block}.filterArea .fBlockContainer .fBlock .fLabel .fLabel-inline:not(:last-child){margin-right:15px}.filterArea .filterText{display:flex;cursor:default;flex-flow:wrap}.filterArea .filterText .filterTitleSbjt{padding:0 7px 0 7px;background-color:var(--bluu-blue-light2);color:var(--white);border:1px solid var(--white);border-radius:5px}.filterArea .filterText span{margin:0 10px 0 5px}.fLabel-inline .dx-radiobutton-icon::before{width:15px;height:15px}.fLabel-inline .dx-radiobutton .dx-radio-value-container{display:none}.fLabel-inline .dx-radiogroup-horizontal .dx-radiobutton{margin-right:5px}.fLabel-inline .dx-radiobutton .dx-item-content{padding:0 7px 0 7px;background-color:var(--bluu-blue-light2);color:var(--white);border:1px solid var(--white);border-radius:5px;line-height:16px;font-size:12px}.filterArea .fBlockContainer .fBlock .fComponent{min-width:100px;float:left;display:flex;justify-content:left;align-items:center}.filterArea .fBlockContainer .fBlock .fComponent .svComp{margin-left:3px}.filterArea .fActionContainer{display:flex;justify-content:end;margin-left:auto;margin-right:10px}.filterArea .fActionContainer .fButton{display:flex;margin:5px 5px 5px 15px;justify-content:end;align-items:center}.pageContent .dx-datagrid-headers{color:var(--black)!important;font-weight:600!important}.pageContent .dx-datagrid-headers .dx-row{background-color:#f3f3f3!important}tr.dx-header-row>td.dx-cell-focus-disabled{text-align:center!important}#gridContainer .dx-datagrid .dx-data-row .keyColumn{font-weight:500;color:#01a2e0}.pageContent .dx-pager .dx-pages{float:none;text-align:center}.pageContent .dx-datagrid-header-panel .dx-toolbar{padding:10px 5px 0 5px}td.dx-command-edit .innerBtnEdit{cursor:pointer}.pageContent tr.dx-master-detail-row td.dx-master-detail-cell .dx-datagrid-headers .dx-row{background-color:#fff!important}.pageContent tr.dx-master-detail-row td.dx-master-detail-cell tr.dx-header-row>td{text-align:center!important}.dx-popup-title .ivPopupTitle{display:flex;margin:auto;flex-direction:row;justify-content:center;height:40px;align-items:center;font-size:20px}.dx-popup-title .ivPopupTitle .invoiceNum{margin-left:20px}.col.hasBorder{border:1px solid #000}.popupContent .dx-datagrid-headers{color:#333;font-weight:400;background-color:var(--bs-gray-200)}.popupContent .puHeader{margin-bottom:15px;padding-left:10px}.popupContent .puHeader .pTitle{font-size:24px;font-weight:500}.popupContent .puHeader .pTitleDetail{font-size:18px;font-weight:400}.viewOption{display:flex;align-content:center;justify-content:right;margin-top:5px;padding:0}.viewOption #optionList{display:flex}#dcCategoryList{display:flex}#dcCategoryList ul{margin:0 0 0 20px;padding:0}#dcCategoryList ul li{position:relative;display:flex;list-style:none;float:left;border-radius:10px;border:1px solid var(--gray2);color:var(--bluu);padding:10px;margin:0 10px 0 0;cursor:pointer}#dcCategoryList ul li:hover{background-color:var(--bluu-blue-light2);color:var(--white)}.itmCardView #dcCategoryList ul li.active{background-color:var(--bluu-blue-light2);color:var(--white)}#dragModeBox{margin:0 20px 0 10px;padding:5px 20px 5px 20px;border:1px solid var(--gray2);border-radius:5px}#dateModeBox{margin:0 0 0 10px;padding:5px 20px 5px 20px;border:1px solid var(--gray2);border-radius:5px}#dcCategory ion-icon{width:15px;height:15px;--ionicon-stroke-width:64px}#dcCategory:hover{background-color:var(--bluu-blue-light2);color:var(--white)}#sbFuncImgUpload,#sbItemImgUpload{border:1px solid var(--gray2);border-radius:4px;padding:7px 9px 8px;max-width:100%;border-style:dashed;border-width:2px;cursor:pointer;display:grid}#sbItemImgUpload span{color:var(--black)}#funcImgBox,#itemImgBox{max-width:100%;max-height:200px;border:1px solid var(--gray2);border-radius:4px;display:grid;justify-items:center;align-content:center;background-color:var(--gray2)}#funcImgBox:hover,#itemImgBox:hover{background-color:var(--gray2)}#itemImgBox img{width:70px;height:auto;display:block}#itemImgInput{display:flex;align-items:center;justify-content:center}#itemPriceChangePopupForm{height:400px;width:100%}#itemPriceChangePopupForm .number{display:flex;align-content:center}#itemPriceChangePopupForm .number span{cursor:pointer;margin-top:7px}#itemPriceChangePopupForm .number input{width:80px;text-align:center;margin:5px;font-size:22px;border:1px solid var(--gray2);border-radius:4px;position:relative}#itemPriceChangePopupForm #rdoPrcChgType{position:relative;padding:5px 20px;border:1px solid var(--gray2);border-radius:5px;float:left;margin:5px 20px 5px 5px}#itemPriceChangePopupForm #itemPriceChangePriview{display:block;width:100%;height:100%}#percentage{font-size:x-large;display:none}#dollar{font-size:x-large}.cellItemList,.dx-command-edit{vertical-align:middle!important}#fileInput{width:100%;padding:10px 10px 10px 10px;margin:0 5px 5px 0}.toggle-on{background-color:var(--gray2)!important}.toggle-off{background-color:var(--white)!important}.currentInfo{padding-top:20px}.currentInfo h1{font-weight:600;margin-bottom:0}.currentInfo h6{font-weight:400}#currentTime{color:var(--black)}#currentUser{color:var(--bluu-blue-light2)}#totalSalesSummary{position:relative}#totalSalesSummary ul{position:relative;width:100%;cursor:default;display:flex;justify-content:space-between;align-items:center;padding-left:0;margin-bottom:0}#totalSalesSummary ul li{position:relative;display:block;float:left;width:100%}#totalSalesSummary ul li:not(:last-child){border-right:1px solid var(--gray)}#totalSalesSummary ul li div:first-child{cursor:default;text-align:center}#totalSalesSummary .sales{color:var(--bluu-blue-light2);cursor:default;font-size:2.5em;font-weight:500;text-align:center}#totalSalesSummary .receive{color:var(--green);cursor:default;font-size:2.5em;font-weight:500;text-align:center}#totalSalesSummary .remain{color:var(--red);cursor:default;font-size:2.5em;font-weight:500;text-align:center}#totalSalesSummary ul li div{text-align:center}#invenChartView{display:grid;grid-template-columns:repeat(2,1fr);height:100%}#invenChartView #invenChart{align-items:center;display:flex;justify-content:center;border-right:1px solid var(--gray)}#invenChartView #invenChartLegend{position:relative;align-items:center;display:flex;padding:20px}#invenChartView #invenChartLegend ul{position:relative;list-style:none;width:100%;padding:20px 0 20px 0;cursor:default;margin:0}#invenChartView #invenChartLegend ul li{display:flex;justify-content:space-between;align-items:center;padding:10px}#invenChartView #invenChartLegend ul li div:first-child{width:32px;height:32px;border-radius:5px}#totalCountChartView{height:100%}#totalCountChartLegend{position:relative;align-items:center;display:flex}#totalCountChartLegend ul{position:relative;list-style:none;width:100%;padding:30px 0 0 0;cursor:default;margin:0}#totalCountChartLegend ul li{float:left;display:flex;width:50%;justify-content:space-between;align-items:center;padding:10px 20px 10px 20px}#totalCountChartLegend ul li div{text-align:center}#totalCountChartLegend ul li div:first-child{width:32px;height:32px;min-width:32px;border-radius:5px}#customerVisitView{display:flex;width:100%;justify-content:space-between}#customerVisitView #customerVisitChart{position:relative;width:calc(100% - 150px)}#customerVisitView #todayCustomer{position:relative;width:150px;height:100%;border-radius:10px;background-color:var(--bluu-blue-light2);color:var(--white);text-align:center;margin-left:10px;padding-top:30px;font-size:1.25rem}#divDropList,#divJobList{width:100%;height:100%;align-items:center;display:flex}#divDropList table{height:auto}#divDropList table tbody tr:not(:first-child) td,#divDropList table thead tr:first-child td{background-color:var(--bluu-blue-light3)}#divDropList table tbody tr td:first-child{padding-left:20px}#divDropList table tr td{padding:10px}#divJobList table tr td{padding:5px}#divJobList table thead tr:first-child td:not(:first-child){background-color:var(--bluu-blue-light);color:var(--white)}#divJobList table thead tr td:first-child{border-left:1px solid var(--white);border-top:1px solid var(--white)}#divJobList table tbody tr td:first-child{background-color:var(--bluu-blue-light3);padding-left:20px}.topLeft{display:flex}.topLeft .topWebUserMng{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;padding:0 15px;display:flex;align-items:center;justify-content:center;cursor:pointer}.topLeft .topWebUserMng .dvWuIcon{margin-right:5px;display:block;margin:0 auto}.topLeft .topWebUserMng .dvWuIcon .wuIcon2{width:30px;height:30px}.topLeft .toggle{margin-right:10px}.btnSearch{background-color:var(--bluu)!important;color:var(--white)!important}.btnAdd{color:var(--bluu)!important;border-color:var(--bluu)!important}.btnAdd i{color:var(--bluu)!important}.btnDelete{background-color:var(--red)!important;color:var(--white)!important}.btnDelete i{color:var(--white)!important}.btnSave{color:var(--white)!important;float:right;margin-right:5px}.btnClose{float:right;margin-right:5px;border-color:#00519b!important;color:#00519b!important}.settingPopupContainer .buttonGroup{margin-top:30px}.settingPopupContainer .buttonGroup .dx-collection{flex-direction:row!important;justify-content:center!important;align-items:center!important;display:flex!important}.settingPopupContainer .buttonGroup #btnSave,.settingPopupContainer .buttonGroup #btnClose{width:180px}.settingPopupContainer .buttonGroup .dx-field-item{padding-top:0!important}.settingPopupTitle{text-align:center;font-size:21px;margin:5px 0;font-weight:600}.settingPopupContainer .dx-field-item .dx-field-item-content{min-width:60px}.settingPopupContainer .dx-layout-manager .dx-field-item:not(.dx-first-col){padding-left:30px}.settingPopupContainer .dx-field-item-content{display:flex!important;justify-content:center!important}.settingPopupContainer .dx-field-item-content .dx-datebox,.settingPopupContainer .dx-field-item-content .dx-textbox{width:100%}.dx-item.dx-list-item .customPlaceHolder{color:#999}.cProduct-item img.product-img{display:inline-block}.cProduct-item .product-name{display:inline-block;margin-left:10px}#tblSummary{display:flex;width:100%;height:calc(100vh - 250px)}#tblSummary div{padding:1px}#tblSummary div table tr td{padding:2px 10px 2px 2px}.dx-tooltip-wrapper .dx-popover-arrow{display:none}.dx-tooltip-wrapper .dx-popup-content{background-color:var(--black);color:var(--white);opacity:.7;border-radius:5px;padding:10px}.topbarTooltip{visibility:hidden}.dx-link{color:var(--bluu-blue-light2)!important}.dx-radiobutton-icon-checked>.dx-radiobutton-icon-dot{background:var(--bluu-blue-light2)!important}#popupContent{display:flex}#popupContent #newItemInput{border-radius:4px;border:1px solid var(--gray2);color:var(--bluu);padding:10px;width:100%}#popupContent #addNewItemButton{border-radius:4px;border:1px solid var(--bluu-blue-light2);color:var(--white);background-color:var(--bluu-blue-light2);cursor:pointer;margin:0 0 0 10px}#todayCustomer{cursor:pointer}#customerVisitChart circle{cursor:pointer}#noticeTxt{display:none}#osForm{background:#fff;padding:15px;border-radius:10px;width:60%}.mbHome{display:none}.mbLogOut{display:none}@media(max-width:1344px){.navigation{left:-250px}.navigation.active{width:250px;left:0}.main{width:100%;left:0}.main.active{left:250px}.cardBox{grid-template-columns:repeat(2,1fr)}.favCardBox,.menuCardBox{grid-template-columns:repeat(4,1fr)}.dvWuTitle{display:none}.itmCardBox{grid-template-columns:repeat(6,1fr)}.logOut{display:none}.navigation ul li:last-child{display:block}#divJobList table tr td{font-size:.8em}#divDropList table tr td{padding:5px;font-size:.8em}#divDropList table tbody tr td:first-child{padding-left:5px}.recentOrders{overflow-x:auto}#customerVisitView #customerVisitChart{width:calc(100% - 110px)}#customerVisitView #todayCustomer{width:110px}#totalSalesSummary ul li div h5{font-size:1em}#totalSalesSummary .sales,#totalSalesSummary .receive,#totalSalesSummary .remain{font-size:2em}.totalDetail{margin-top:24px;padding:25px 0 25px 0}}@media(max-width:768px){.details{grid-template-columns:1fr}}@media(max-width:480px){.dbContent{padding:0 5px 0 5px}.dbContent .cardBox{grid-template-columns:repeat(1,1fr)}.dbContent .cardBox .card{padding:10px}.dbContent .details{grid-template-columns:1fr}.favCardBox,.menuCardBox{grid-template-columns:repeat(2,1fr)}.cardHeader h2{font-size:20px}.storeInfo{width:170px}.customItem input{font-size:20px}.navigation{left:-250px}.navigation.active{width:100%;left:0;z-index:1002}.main{width:100%;left:0}.main.active{width:100%;left:0}.main.active .toggle{color:var(--white);position:fixed;right:0;left:initial}.main.active .toggle:hover{color:var(--white);background-color:transparent}.main .topbar .topbarUl>li .search,.main .topbar .topbarUl>li .expand{display:none}.customItem{justify-content:center}#formContainer{grid-template-columns:repeat(1,1fr)}#gridContainer .btnAdd{width:100px}.dvWuTitle{display:none}.topbarUl{display:none}.storeInfo{width:100%}#totalCountChartLegend ul li{padding:5px;font-size:.8em}#customerVisitView #todayCustomer{display:none}#customerVisitView #customerVisitChart{width:100%}#customerVisitView{display:grid;grid-template-columns:repeat(1,1fr)}#invenChartView #invenChartLegend{padding:5px}.hTitleBox{padding:10px 5px 0 5px}.pageContent{padding:0}.pageContent .commonPage{padding:5px}.hNavPath{padding:0}#btnSearch{width:50px!important}#btnSearch .dx-button-content{display:flex;justify-content:center}#btnSearch .dx-button-content i{margin:0}#btnSearch .dx-button-content .dx-button-text{display:none}.settingPopupContainer .buttonGroup{margin-top:10px}.settingPopupContainer .buttonGroup #btnSave,.settingPopupContainer .buttonGroup #btnClose{width:100px;margin:0 5px}.settingPopupContainer .dx-layout-manager .dx-label-h-align .dx-field-item-label{white-space:normal;width:100%}.settingPopupContainer .dx-field-item-label-content{width:100%!important;max-width:180px}.dx-popup-content,.dx-multiview-item-content{padding:10px!important}#osForm{width:100%}.dx-datebox .dx-texteditor-buttons-container{display:none}.toggle{display:none}.topLeft .mbHome{position:relative;width:45px;display:flex;font-size:2.5rem;cursor:pointer;border-radius:50%;align-items:center;justify-content:center}.topLeft .topWebUserMng .dvWuIcon{padding:5px}.mbLogOut{display:flex;cursor:pointer;min-width:45px;justify-content:center;align-items:center}.topLeft .mbHome ion-icon:hover,.topLeft .topWebUserMng .dvWuIcon:hover{background:var(--gray2);border-radius:50%}.topLeft .topWebUserMng{width:45px;padding:0}.loginContainer{padding:1rem;max-width:365px}.loginLabel .lginLogin{font-size:1.5rem}}