.action-button{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:15px;justify-content:flex-start;z-index:inherit}.action-button,.action-button:focus{border:none;outline:none}.action-button:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.action-button.info{background-color:#318aec;color:#fff}.action-button.info:hover{background-color:gray}.action-button.info100{background-color:#e22d6c;color:#fff}.action-button.info100:hover{background-color:gray}.action-button.info200{background-color:#fc960f}.action-button.info200:hover{background-color:gray}.action-button.info300{background-color:#28a745}.action-button.info300:hover{background-color:gray}.action-button.info400{background-color:#ebe9e9}.action-button.info400:hover{background-color:gray}.action-button.info500{background-color:#2e2e32}.action-button.info500:hover{background-color:gray}.action-button.info600{background-color:#51ab55;color:#fff}.action-button.info600:hover{background-color:gray}.action-button.info700{background-color:#ea4643;color:#fff}.action-button.info700:hover{background-color:gray}.button-action-label{margin:0;overflow:hidden;text-overflow:ellipsis}.button-action-icon,.button-action-name{vertical-align:middle}.toast-body{display:inline-block;line-height:1.5em;max-height:4em;max-width:500px;overflow:hidden;text-align:left;text-overflow:ellipsis}.cancel-notification{z-index:2}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.chat-content{display:flex;flex-direction:column-reverse;height:368px;overflow:auto}.adiv{background:#0f424d;border-radius:15px;border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:12px;font-weight:500;height:46px}.chat{background:#e2ffe8;border:none;border-radius:20px}.bg-white,.chat{font-size:10px;width:240px}.bg-white{border:1px solid #e7e7e9}.bg-white,.media img{border-radius:20px}.dot{font-weight:700}.form-group{border:1px solid #d1cccc;border-radius:12px;bottom:10px;height:72px;margin-bottom:0!important;margin-left:10px;position:absolute;width:280px}.form-control{border:0;border-radius:12px;font-size:12px;resize:none;width:240px}.sent-btn{bottom:40px;color:#0f424d;cursor:pointer;position:absolute;right:20px}.form-control:focus{box-shadow:none}.form-control::-webkit-input-placeholder{color:#c4c4c4;font-size:12px}.form-control::placeholder{color:#c4c4c4;font-size:12px}.sent-message{flex-direction:row-reverse!important}.btn-icon{cursor:pointer;margin:5px}.avatar-collapse{cursor:pointer;width:100%}.menu-nav{background-color:#212123;border-radius:0 5px 5px 0;box-shadow:5px 0 10px #d3d3d3;color:#fff;font-size:13px;height:100%;padding:10px;position:absolute;top:0;transition:.5s;z-index:150}.menu-nav,.menu-nav-container{overflow-x:hidden;overflow-y:scroll}.menu-nav-container{width:100%}.menu-nav-container::-webkit-scrollbar{display:none;width:0!important}.btn-close-nav{align-items:center;background-color:#212123;border-radius:5px;bottom:0;cursor:pointer;display:flex;font-size:35px;height:35px;justify-content:center;position:absolute;right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:35px;z-index:1}.menu-nav.responsive.mini-size{left:0;position:fixed;-webkit-transform:translateX(-300px);transform:translateX(-300px)}.menu-nav.responsive.mini-size.on-mini-size{-webkit-transform:translateX(0);transform:translateX(0)}.menu-nav::-webkit-scrollbar{display:none;width:0!important}.menu-nav-body{display:flex;flex-direction:column;padding:10px}.menu-nav-logo{align-items:center;border-bottom:1px solid #fff;display:flex;flex-direction:row;height:100px;justify-content:start;padding-right:10px;position:relative}.nav-logo{background-color:#fff;border-radius:50%;height:70px;margin:10px;overflow:hidden;width:70px}.nav-logo div{height:100%;width:100%}.nav-logo img{object-fit:cover;width:100%}.btn-mini-size.mini-size{align-items:center;background-color:#212123;border-radius:5px;bottom:0;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:35px;height:40px;justify-content:center;left:0;position:fixed;width:45px;z-index:1}.btn-mini-size.mini-size.on-mini-size{display:none}.btn-back-lv-1{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:20px;margin-left:10px}.nav-link{border-radius:5px;margin:2px 0;overflow:hidden;transition:.25s}.nav-link:hover{background-color:#5d5d62}.focus{background-color:#348eed}.nav-link:hover{text-decoration:none}.nav-link.info100{background-color:initial}.nav-link.info100:hover{background-color:#5d5d62}.focus.info100{background-color:#348eed}.nav-link.info100>.nav-btn{color:#fff}.nav-link.info{background-color:initial}.focus.info{background-color:#348eed}.nav-link.info>.nav-btn{color:#000;font-weight:500}.nav-link.info>.nav-btn:hover{color:#dc3545}.nav-btn{align-items:center;background-color:initial;border:none;color:#fff;display:flex;font-weight:500;height:100%;justify-content:start;margin:0;width:100%}.nav-btn,.nav-btn:focus{outline:none}.nav-btn.no-link{border-radius:5px;margin:2px 0;padding:8px 16px}.nav-btn.no-link.focus{background-color:#348eed}.nav-btn.no-link:hover{background-color:#5d5d62}.base-head-icon{border-radius:50%;height:40px;margin-left:10px;width:40px}.base-head-icon,.base-head-icon>i{background-color:#d3d3d3;cursor:pointer;font-size:20;position:relative}.badge,.base-head-icon,.base-head-icon>i{align-items:center;display:flex;flex-direction:row;justify-content:center}.badge{background-color:red;border-radius:50%;color:#fff;font-size:14px;height:20px;line-height:14px;position:absolute;right:-5px;top:-5px;width:20px}.chat-list-web-con{display:none}.chat-list-web-con.show{background-color:#fff;border:1px solid #e7e4e4;border-radius:5px;display:flex;flex-direction:column;font-size:small;font-weight:500;max-height:700px;padding-left:4px;position:absolute;right:-40px;top:45px;width:380px}.chat-list-container{display:flex;flex-direction:column;font-size:15px;padding:5px;width:100%}.chat-list-component{background-color:#f0efef;border-radius:5px;display:flex;flex-direction:row;margin-top:5px;padding:5px;width:370px}.chat-list-avt{background-color:#fff;border-radius:50%;color:#fff;margin:3px;overflow:hidden}.chat-list-avt,.chat-list-avt-single{height:48px;width:48px}.chat-list-content{display:flex;flex:1 1;flex-direction:column;margin-left:5px;width:300px}.chat-list-title{-webkit-line-clamp:1;line-clamp:1}.chat-list-title,.chat-list-value{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;width:100%}.chat-list-value{-webkit-line-clamp:2;line-clamp:2}.chat-list-value.wait{color:#0090ed}.chat-list-main{align-items:center;display:flex;flex-direction:row}.chat-tick{color:#e7e4e4}.chat-tick,.chat-tick.wait{margin-left:5px;margin-right:5px}.chat-tick.wait{color:#0090ed}.room-name{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;width:80%}.contact-web-con{display:none}.contact-web-con.show{background-color:#fff;border:1px solid #e7e4e4;border-radius:5px;display:flex;flex-direction:column;font-size:small;font-weight:500;max-height:60vh;max-width:80vw;padding-left:4px;position:absolute;right:-40px;top:45px;width:340px;z-index:1}.contact-container{display:flex;flex-direction:column;font-size:15px;padding:5px;width:100%}.contact-component{background-color:#f0efef;border-radius:5px;display:flex;flex-direction:row;margin-top:5px;max-width:calc(80vw - 10px);padding:5px;width:330px}.contact-avt{align-items:center;background-color:#fff;border-radius:50%;color:#fff;display:flex;flex-direction:row;height:48px;justify-content:center;margin:3px;overflow:hidden;width:48px}.contact-avt img{height:70px;width:70px}.contact-content{display:flex;flex:1 1;flex-direction:column;margin-left:5px;width:300px}.contact-title{-webkit-line-clamp:1;line-clamp:1}.contact-title,.contact-value{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;width:100%}.contact-value{-webkit-line-clamp:2;line-clamp:2}.contact-main{align-items:center;display:flex;flex-direction:row}.contact-search{border:1px solid #e7e4e4;border-radius:5px;margin:10px 5px 5px 0}.contact-search-icon{color:gray;position:absolute;right:15px;top:15px}.noti-web-con{display:none}.noti-web-con.show{background-color:#fff;border:1px solid #e7e4e4;border-radius:5px;display:flex;flex-direction:column;font-size:small;font-weight:500;max-height:700px;padding-left:4px;position:absolute;right:-100px;top:45px;width:500px}.notification-container{display:flex;flex-direction:column;font-size:15px;padding:5px;width:100%}.noti-component{background-color:#e7e4e4;border-radius:5px;display:flex;flex-direction:row;margin-top:5px;padding:5px;width:490px}.noti-component.read{background-color:#f0efef}.noti-avt{align-items:center;background-color:#fff;border-radius:50%;color:#fff;display:flex;flex-direction:row;height:56px;justify-content:center;margin:5px;overflow:hidden;width:56px}.noti-avt img{height:70px;width:70px}.noti-content{display:flex;flex:1 1;flex-direction:column;margin-left:5px;width:410px}.noti-title{-webkit-line-clamp:1;line-clamp:1;width:100%}.noti-title,.noti-value{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.noti-value{-webkit-line-clamp:2;line-clamp:2;width:95%}.noti-main{align-items:center;display:flex;flex-direction:row}.noti-tick{color:#e7e4e4}.noti-tick,.noti-tick.blue{margin-left:5px;margin-right:5px}.noti-tick.blue{color:#0090ed}.noti-tick-all-container{display:flex;flex-direction:row;justify-content:flex-end}.noti-tick-all{color:#0090ed;margin-right:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.noti-btn-con{display:flex;flex-direction:row;justify-content:center;width:100%}.noti-btn.blue{background-color:#2e89ff;border-radius:5px;color:#fff;margin:5px}.infinite-scr-con{display:flex;flex-direction:column;overflow:auto}.checkbox-parent{background-color:#d3d3d3;cursor:pointer;font-weight:500;position:relative;text-align:center}.checkbox-parent:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.checkbox-child{background-color:#ebe9e9;display:none;position:relative}.checkbox-child.show{display:block}.button-component-content{margin:5px;vertical-align:middle}.button-component{background-color:#256cb8;color:#fff;font-weight:500;padding:0 40px;width:100%}.button-component,.button-component:focus{border:none;outline:none}.button-component:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.realm-detail-container{background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.realm-detail-row{margin:10px auto 5px}div.table-container table{font-weight:450;min-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}col.table-column{max-width:500px;min-width:50px}.table-wrapper{min-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}table td,table th{max-width:500px;padding:2px 5px}div.table-container{overflow:auto;width:100%}.resize-container{display:flex;flex-direction:row;width:100%}.table-header-component>th{background-color:#5d7c9f;border-left:2px solid #fff;border-right:2px solid #fff;color:#fff;font-size:smaller;font-weight:600;padding:5px 0}.label-table{font-size:smaller;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap;width:100%}.color-red{color:red}.color-blue{color:blue}.table-row-component:hover>td{background-color:#9da8b2}.table-row-component.highlight,.table-row-component.highlight:hover>td{background-color:#3087fa}.table-row-component.even-row{background-color:#e8e7e7}.table-row-component.odd-row{background-color:#d1cece}.table-row-component>td{border-left:2px solid #fff;border-right:2px solid #fff;max-width:500px}tr.table-row-component{height:25px}.table-row-checkbox{text-align:center}.table-row-btn-check{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0!important}.table-row-btn-check>i{color:#fff;cursor:pointer;margin:0!important;padding:0}.table-row-btn-check>i.check{color:blue}.import-excel-container{background-color:#fff;display:flex;flex-direction:column;min-height:100%;padding:15px;width:100%}.import-excel-info{margin-bottom:10px}.btn-import{background-color:#256cb8;color:#fff;font-weight:500;margin:5px auto;width:100%}.btn-import,.btn-import:focus{border:none;outline:none}.btn-import:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.error-label{color:"red";padding-left:2px}.header-confirm-popup{background-color:#256cb8;color:#fff;display:flex;flex-direction:row;font-weight:500;padding:2px 2px 2px 10px;vertical-align:middle;width:100%}.confirm-button{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;font-size:15px;height:35px;justify-content:center;margin:0 10px;outline:none;width:100px;z-index:inherit}.confirm-button:focus{border:none;outline:none}.confirm-button:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.display-option-container{background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.display-option-table>thead>tr>th{background-color:#5d7c9f;color:#fff;font-size:smaller;font-weight:600;padding:5px 10px;text-align:center}.display-option-table>tbody>tr>td{padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.display-option-table>tbody>tr.even-row{background-color:#e8e7e7}.display-option-table>tbody>tr.odd-row{background-color:#d1cece}.display-option-btn{background-color:#ebe9e9}.display-option-btn>div{align-items:center;border:1px solid #dddcdc;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;font-weight:500;margin:6px 0 3px;padding:4px 10px;transition:.25s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add-config{background-color:#fff;color:#318aec}.add-config:hover{background-color:#d3d3d3}.save-config{background-color:#318aec;color:#fff}.save-config:hover{background-color:#d3d3d3;color:#318aec}.coppy-config{background-color:#fff}.coppy-config:hover{background-color:#d3d3d3}.delete-config{color:#f13838;cursor:pointer;text-align:center}.delete-config:hover{color:gray}.copy-display-container{background-color:#fff;padding:10px}.copy-display-row{margin:10px auto 5px}.btn-copy-config{background-color:#256cb8;color:#fff;font-weight:500;margin:5px auto;width:100%}.btn-copy-config,.btn-copy-config:focus{border:none;outline:none}.btn-copy-config:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.add-category-container{background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.category-row{margin-bottom:10px}.product-detail-info{margin:0 auto;max-height:60vh;padding:6px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.product-detail-extra,.product-detail-info{display:flex;flex-direction:column;flex-wrap:wrap}.product-detail-row{padding:4px 16px;position:relative}.product-title{color:#256cb8;font-size:16px;font-weight:500;margin:6px 0;text-align:center;width:100%}.option-price{border:1px solid #dddcdc;border-radius:5px;flex:1 1;padding:10px}.option-price legend{font-size:medium;margin-bottom:-5px;padding:0 5px 3px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.product-detail-icon{color:#0c0c95;cursor:pointer;position:absolute;right:20px;top:30px}.product-detail-tool-left{margin:auto 5px}.bigsize-image-container{align-items:center;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:100%}.btn-nav-image{border-radius:5px;color:red;cursor:pointer;height:25px;opacity:.7;position:absolute;top:50%;-webkit-transform:scale(1.75);transform:scale(1.75);transition:.5s;width:25px;z-index:1}.btn-nav-image:hover{background-color:hsla(0,0%,50%,.5);opacity:1}.btn-nav-image.next{right:-20px}.btn-nav-image.back{left:-20px}.image-child{align-items:center;background-color:#fff;display:flex;flex-direction:row;height:max(15vw,25vh);justify-content:center;padding:5px;position:relative;transition:.5s;width:max(15vw,25vh)}.image-child.center img{cursor:pointer;height:100%;object-fit:contain;opacity:1;width:100%}.image-child.center>div:nth-child(2){height:100%;width:100%}.image-child.center .btn-zoom-out-image,.image-child.center.full-size .btn-delete-image{display:none}.image-child.center.full-size .btn-zoom-out-image{display:block}.image-child.center:hover,.image-child:hover{background-color:#cfdcea;border:none}.image-child img{height:100%;object-fit:contain;opacity:.3;width:100%}.image-child.full-size{background-color:#fff;height:100vh;left:50%;opacity:1;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw;z-index:1;z-index:150}.btn-delete-image{color:red;cursor:pointer;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;position:absolute;right:0;top:0;transition:.5s;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.btn-delete-image:hover{background-color:hsla(0,0%,50%,.5);color:red}.btn-zoom-out-image{color:red;cursor:pointer;position:absolute;right:25px;top:25px;transition:.5s;z-index:1}.thumb-image-child{align-items:center;cursor:pointer;display:flex;-webkit-filter:opacity(.5);filter:opacity(.5);flex-direction:row;height:50px;justify-content:center;margin:2px 5px;transition:.5s;width:50px}.thumb-image-child.focus-img{background-color:#717171;-webkit-filter:opacity(1);filter:opacity(1)}.thumb-image-child img{height:100%;object-fit:contain;width:100%}.btn-image-upload{background-color:#256cb8;color:#fff;margin:10px;padding:5px 20px}.btn-image-upload,.image-upload-label{vertical-align:middle}.row-container{flex-wrap:wrap}.image-url,.row-container{display:flex;flex-direction:row}.image-url{margin:5px auto 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.copy-url-btn{border-radius:5px;cursor:pointer;display:flex;height:35px;justify-content:center;margin-left:5px;margin-top:15px;width:35px}.copy-url-btn :hover{background-color:#d3d3d3}.copy-url-icon{margin:auto 0}.qrcode-reader-content{background-color:#000;overflow:auto;padding:10px}.switch-camera{background:#1d1d1d;border-radius:24px;bottom:26px;height:48px;left:calc(50% - 30px);opacity:.6;position:absolute;width:48px}.switch-camera>span{color:#fff;font-size:xx-large;margin:8px;opacity:1;-webkit-user-select:none;user-select:none}.product-gift-container{align-items:center;background-color:#ebe9e9;display:flex;flex-direction:row;height:100%;justify-content:space-around;overflow:auto;width:100%}.product-gift-container input{background-color:#fff;border:1px solid gray;border-radius:5px;width:100%}.product-gift-left{height:100%;width:70%}.product-gift-left-title{display:flex;flex-direction:row;height:30px}.product-gift-left-title>div{align-items:center;border:1px solid #d3d3d3;display:flex;flex-direction:row;justify-content:center;width:14%}.product-gift-left-value{display:flex;flex-direction:column;height:calc(100% - 60px);overflow-y:scroll}.product-gift-left-value::-webkit-scrollbar{display:none;width:0!important}.product-gift-config-container{display:flex;flex-direction:row}.product-gift-config-container>div{word-wrap:normal;align-items:center;border:1px solid #d3d3d3;display:flex;flex-direction:row;justify-content:center;overflow:hidden;width:14%}.edit-product-gift-config{background-color:#2b80dd;cursor:pointer}.delete-product-gift-config{background-color:#ffc107;cursor:pointer}.display-option-btn{display:flex;flex-direction:row;justify-content:space-around}.add-product-gift-config{color:#2b80dd}.add-product-gift-config,.save-product-gift-config{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.save-product-gift-config{color:#dc3545}.realm-import-excel_child.center{align-items:center;display:flex;flex-direction:row;justify-content:center}.space-bar{bottom:-10px;position:relative}.import-loading{align-items:center;background-color:#fff;display:flex;height:100px;padding:5px 0}.import-loading i{color:#3d4f71;font-size:60px;margin-left:20px}.import-loading-text{padding:20px}.details-img-title{font-size:25px;font-weight:500;margin:15px}.banner-details-img{align-items:center;display:flex;flex-direction:column;height:400px;width:100%;z-index:inherit}.banner-thumb-img-child{align-items:center;cursor:pointer;display:flex;-webkit-filter:opacity(.5);filter:opacity(.5);flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;transition:.5s}.banner-thumb-img-child.focus-img{background-color:#a5a5a5;border:1px solid #000;-webkit-filter:opacity(1);filter:opacity(1)}.banner-thumb-img-child img{height:80%;object-fit:contain;width:100%}.banner-fullsize-img{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;width:100%;z-index:inherit}.banner-fullsize-img,.banner-img-child{align-items:center;display:flex;flex-direction:row;position:relative}.banner-img-child{background-color:#fff;height:25vw;justify-content:center;padding:15px;transition:.5s;width:75vw}.banner-img-child.center img{cursor:pointer;object-fit:contain;opacity:1}.banner-img-child.center>div:nth-child(2){height:100%;width:100%}.banner-img-child.center .btn-zoom-out-banner-image,.banner-img-child.center.full-size .btn-delete-banner-image{display:none}.banner-img-child.center.full-size .btn-zoom-out-banner-image{display:block}.banner-img-child:hover{border:1px solid #000}.banner-img-child img{height:100%;object-fit:contain;opacity:.3;width:100%}.banner-img-child.full-size{background-color:#000;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:150}.banner-img-child.full-size,.banner-img-child.full-size img{height:100vh;opacity:1;width:100vw}.btn-delete-banner-image{color:gray;cursor:pointer;position:absolute;right:15px;top:15px;transition:.5s}.btn-delete-banner-image:hover{background-color:hsla(0,0%,50%,.5);color:red}.btn-nav-banner-image{align-items:center;border-radius:5px;color:red;cursor:pointer;display:flex;flex-direction:row;height:25px;justify-content:center;opacity:.7;position:absolute;top:calc(50% - 13px);-webkit-transform:scale(1.75);transform:scale(1.75);transition:.5s;width:25px;z-index:15}.btn-nav-banner-image:hover{background-color:hsla(0,0%,50%,.5);opacity:1}.btn-nav-banner-image.next{right:15%}.btn-nav-banner-image.back{left:15%}.btn-zoom-out-banner-image{color:red;cursor:pointer;position:absolute;right:15px;top:15px;transition:.5s}.banner-img-child.full-size .btn-zoom-out-banner-image{color:#fff;display:flex;-webkit-transform:scale(2);transform:scale(2)}.banner-img-child.full-size .btn-zoom-out-banner-image:hover{color:red}.custom-image-upload{align-items:center;color:#348eed;cursor:pointer;display:flex;flex-direction:row;justify-content:center;-webkit-transform:scale(1.25);transform:scale(1.25);transition:.5s}.custom-image-upload:hover{color:red}.company-info-container{background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.company-info-row{margin-bottom:10px}.btn-add-company-info{background-color:#256cb8;color:#fff;font-weight:500;margin:5px auto;width:100%}.btn-add-company-info,.btn-add-company-info:focus{border:none;outline:none}.btn-add-company-info:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.page-content{overflow:auto;padding:0 10px}.page-content-info{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.page-content-input{margin:5px 15px 5px 0}.page-language{margin:auto 0 auto auto}.tab{background-color:#f1f1f1;border-radius:8px;margin:2px 0;overflow:hidden}.tab button{background-color:inherit;border:none;cursor:pointer;float:left;font-size:17px;outline:none;padding:14px 16px;transition:.3s}.tab button:hover{background-color:#ddd}.tab button.active{background-color:#ccc}.other-image-container{background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:90vh;max-width:90vw;overflow:auto;padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.flag-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;display:inline-block;line-height:1em;margin:0 2px;position:relative;width:1.33333333em}.flag-icon:hover{opacity:.8!important}.flag-icon.deactive{opacity:.5}.flag-icon.active{box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(255,252,14,.6);opacity:1}.flag-icon-en{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.0.0/flags/4x3/gb.svg)}.flag-icon-vn{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.0.0/flags/4x3/vn.svg)}.flag-icon-jp{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.0.0/flags/4x3/jp.svg)}.flag-icon-fr{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.0.0/flags/4x3/fr.svg)}.flag-icon-de{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.0.0/flags/4x3/de.svg)}.flag-icon-cn{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.0.0/flags/4x3/cn.svg)}.flag-icon-it{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.0.0/flags/4x3/it.svg)}.flag-icon-pt{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.0.0/flags/4x3/pt.svg)}.flag-icon-et{background-image:url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.0.0/flags/4x3/et.svg)}.add-news-container{height:100%;width:100%}.content{background-color:#fff}.value-content{align-items:center;background-color:#ebe9e9;display:flex;flex-direction:column;height:100%;justify-content:space-around;margin-top:10px}.content-row{width:100%}.add-news-view>.add-news-child{align-items:center;display:flex;flex-direction:row}.add-news-child>span{width:80px}div.add-news-child input{background-color:#fff;border:none;border-radius:5px;color:#000;font-weight:400;outline:none}div.add-news-child input:disabled{background-color:#fff}div.add-news-child textarea,div.add-news-child textarea:disabled{background-color:#fff;border:none;border-radius:5px;color:#000;font-weight:400;outline:none}.btn-add-news{background-color:#348eed;box-shadow:2px 2px 2px gray,2px -2px 2px gray,-2px 2px 2px gray,-2px -2px 2px gray}.btn-add-news,.btn-add-news:focus{border:none;outline:none}.btn-add-news:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.news-details-img{align-items:center;display:flex;flex-direction:column;height:400px;width:100%;z-index:inherit}.news-thumb-img-child{align-items:center;cursor:pointer;display:flex;-webkit-filter:opacity(.5);filter:opacity(.5);flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;transition:.5s}.news-thumb-img-child.focus-img{background-color:#a5a5a5;border:1px solid #000;-webkit-filter:opacity(1);filter:opacity(1)}.news-thumb-img-child img{height:80%;object-fit:contain;width:100%}.news-fullsize-img{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;width:100%;z-index:inherit}.news-fullsize-img,.news-img-child{align-items:center;display:flex;flex-direction:row;position:relative}.news-img-child{background-color:#fff;height:25vw;justify-content:center;padding:15px;transition:.5s;width:75vw}.news-img-child.center img{cursor:pointer;object-fit:contain;opacity:1}.news-img-child.center>div:nth-child(2){height:100%;width:100%}.news-img-child.center .btn-zoom-out-news-image,.news-img-child.center.full-size .btn-delete-news-image{display:none}.news-img-child.center.full-size .btn-zoom-out-news-image{display:block}.news-img-child:hover{border:1px solid #000}.news-img-child img{height:100%;object-fit:contain;opacity:.3;width:100%}.news-img-child.full-size{background-color:#000;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:150}.news-img-child.full-size,.news-img-child.full-size img{height:100vh;opacity:1;width:100vw}.btn-delete-news-image{color:gray;cursor:pointer;position:absolute;right:15px;top:15px;transition:.5s}.btn-delete-news-image:hover{background-color:hsla(0,0%,50%,.5);color:red}.btn-nav-news-image{align-items:center;border-radius:5px;color:red;cursor:pointer;display:flex;flex-direction:row;height:25px;justify-content:center;opacity:.7;position:absolute;top:calc(50% - 13px);-webkit-transform:scale(1.75);transform:scale(1.75);transition:.5s;width:25px;z-index:15}.btn-nav-news-image:hover{background-color:hsla(0,0%,50%,.5);opacity:1}.btn-nav-news-image.next{right:15%}.btn-nav-news-image.back{left:15%}.btn-zoom-out-news-image{cursor:pointer;position:absolute;right:15px;top:15px;transition:.5s}.news-img-child.full-size .btn-zoom-out-news-image{color:#fff;display:flex;-webkit-transform:scale(2);transform:scale(2)}.news-img-child.full-size .btn-zoom-out-news-image:hover{color:red}.img-item{max-height:50px}.news-tool-btn{margin-right:10px}.cloud_upload-btn{width:110px!important}.tabs-content{background:#fff;padding:10px}.od-requirement-pre-container{background-color:#fff;border:1px solid #d3d3d3;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;margin:5px 0;padding:5px}.od-requirement-pre-container.even{background-color:#d3d3d3;border:1px solid gray}.od-pre-img{cursor:pointer;height:80px;width:150px}.od-pre-img>img{height:100%;object-fit:contain;width:100%}.pr-od-pre-fullsize-img{background-color:#000;height:100vh;left:50%;opacity:1;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw;z-index:150}.pr-od-pre-fullsize-img img{height:100%;object-fit:contain;width:100%}.od-pre-sell{color:blue;cursor:pointer}.fullsize-image-container{background-color:#000;height:90vh;padding:5vh 5vw;width:90vw}.fullsize-image-close{color:gray;cursor:pointer;font-size:30px;position:absolute;right:10px;top:10px}.fullsize-image{flex-shrink:0;height:100%;object-fit:contain;width:100%}.full-size-image-dot-wrapper{bottom:2vh;display:flex;flex-direction:row;justify-content:center;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.full-size-image-dot{background-color:#d3d3d3;border-radius:50%;bottom:10px;cursor:pointer;height:10px;margin-left:10px;margin-right:10px;width:10px}.full-size-image-dot.show{background-color:red}.full-size-btn-nav-image{align-items:center;border-radius:50%;color:gray;cursor:pointer;font-size:30px;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.25s;z-index:inherit}.full-size-btn-close-image:hover,.full-size-btn-close:active,.full-size-btn-nav-image:active,.full-size-btn-nav-image:hover{color:#dc3545}.full-size-btn-nav-image.back{left:2vw}.full-size-btn-nav-image.next{right:2vw}.order-requirement-container{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;margin-top:20px;overflow:auto}.order-requirement-info{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:100%;width:calc(max(min(68vw, 680px), 48vw) - 60px)}.order-requirement-details{display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding:0 30px;width:calc(max(256px, 20vw) + 60px)}.order-requirement-row{padding:4px 10px;position:relative}.i-tooltip{position:absolute}.guide{right:13px;top:29px}.qr-scan{right:33px;top:29px}.info-guide{color:#009250;font-size:20px}.qr-scan-icon{color:#333dcb;font-size:20px}.tooltiptext{background-color:#000;border-radius:6px;color:#fff;padding:5px 0;position:absolute;right:inherit;text-align:center;top:20px;visibility:hidden;width:260px;z-index:1}.i-tooltip:hover .tooltiptext{visibility:visible}.zalo-text{padding-right:65px}.facebook-text{padding-right:35px}.note-container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:calc(100% - 60px);overflow:auto;width:max(256px,20vw)}.note-title{background-color:#256cb8;color:#fff;margin:2px 0;padding:2px;text-align:center}.note-input{border:1px solid #d3d3d3;border-radius:5px;min-height:80px;resize:none}.note-component{align-items:center;display:flex;flex-direction:column;width:100%}.note-date{justify-content:center;width:100%}.note-date,.note-line{display:flex;flex-direction:row}.note-line{border-bottom:1px solid #000;color:#fff;flex:1 1;font-size:1px;height:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.note-item{background-color:#f5f5f5;border-bottom:1px dashed gray;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;width:100%}.note-item-avt{background-color:#d3d3d3}.note-item-avt,.note-item-avt img{border-radius:50%;height:50px;width:50px}.note-detail{display:flex;flex:1 1;flex-direction:column;margin:0 5px}.note-text-inp{height:100px;resize:none;width:90%}.note-btn{background-color:#0090ed;background-color:#256cb8;border-color:gray;border-radius:5px;color:#fff;font-weight:500;margin:10px 0;margin:5px auto;padding:2px 15px;width:100%}.note-btn,.note-btn:focus{border:none;outline:none}.note-btn:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.product-list-web-con{display:none}.product-list-web-con.show{background-color:#fff;border:1px solid #e7e4e4;border-radius:5px;display:flex;flex-direction:column;font-size:small;font-weight:500;max-height:60vh;max-width:80vw;padding-left:4px;position:absolute;right:5px;top:45px;width:340px;z-index:1}.product-list-container{display:flex;flex-direction:column;font-size:15px;padding:5px;width:100%}.product-list-component{background-color:#d3d3d3;border-radius:5px;display:flex;flex-direction:row;margin-top:5px;max-width:calc(80vw - 10px);padding:5px;width:330px}.product-list-avt{align-items:center;display:flex;flex-direction:row;justify-content:center;overflow:hidden;width:100px}.product-list-avt img{object-fit:contain;width:100%}.product-list-content{display:flex;flex:1 1;flex-direction:column;margin-left:10px}.product-list-title{-webkit-line-clamp:1;line-clamp:1}.product-list-title,.product-list-value{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.product-list-value{-webkit-line-clamp:2;line-clamp:2}.product-list-main{display:flex;flex-direction:row;justify-content:space-between}.product-list-search{border:1px solid #e7e4e4;border-radius:5px;margin:10px 5px 5px 0}.product-list-search-icon{color:gray;position:absolute;right:15px;top:15px}.qr-popup{display:flex;height:200px;justify-content:center;vertical-align:middle;width:200px}.qr-popup>img{object-fit:contain;width:100%}.order-tool-btn{border-radius:5px;margin:5px}.update-status-container{background:#fff}.update-status-row{margin:10px}.btn-update-status{background-color:#256cb8;color:#fff;font-weight:500;padding:0 40px;width:100%}.btn-update-status,.btn-update-status:focus{border:none;outline:none}.btn-update-status:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.update-status-title{padding-top:5px;text-align:center}.printed-content{background-color:#ebe9e9;height:90vh;overflow:auto}.print-item{position:relative}.print-content{background:#fff;margin-bottom:2px}.print-button{align-items:center;background-color:#a9a9a9;border:0;border-radius:5px;color:#0a4687;display:flex;justify-content:center;padding:5px;position:absolute;right:20px;top:20px}.icon-print{color:#0a4687;padding-right:5px}.list-view-container{padding:5px}.none-item-component{background-color:#d1cece;padding:10px;text-align:center}.item-view-component,.none-item-component{border-radius:10px;margin:5px}.item-view-component.highlight{background-color:#64a3f4}.item-view-component.even-row{background-color:#e8e7e7}.item-view-component.odd-row{background-color:#d1cece}.view-cell-value{display:flex;padding:0 5px;vertical-align:middle}.view-cell-value-icon,.view-cell-value-title{padding-right:3px}.item-view-header{border-bottom:1px solid #eeeded;display:flex;flex-direction:row;padding:5px 10px}.item-view-number{margin-right:5px}.header-info{flex-direction:row}.header-info,.item-view-cell{display:flex;flex:auto;padding:0 5px}.item-view-detail{display:flex;flex-direction:row;padding:5px}.detail-item-info{display:flex;flex:auto;flex-direction:column}.item-detail-row{display:flex;flex-direction:row;padding:5px}.item-view-bottom{border-top:1px solid #eeeded;padding:5px}.account-balance-container,.item-action{display:flex;flex-direction:row}.account-balance-container{min-height:calc(100vh - 60px)}.account-balance-slide-container{border:2px solid gray;margin:0 10px;width:300px}.account-balance-slide-from-date{align-items:center;display:flex;flex-direction:row;font-weight:500;padding:5px}.account-balance-slide-from-date.title{font-size:16px;padding:0 5px}.account-balance-slide-from-date-input{align-items:center;border:1px solid #d3d3d3;color:gray;display:flex;flex-direction:row;font-weight:500;height:30px;margin:0 10px 0 0;padding:0 10px;width:200px}.account-balance-slide-from-date.input{width:100%}.account-balance-slide-from-date.input input{font-weight:500;height:30px;width:100%}.account-balance-slide-user-list{border:1px solid #d3d3d3;margin:0 5px;max-height:200px;overflow:auto}.account-balance-slide-user{cursor:pointer;font-weight:500;margin:1px 0;padding:2px 5px}.account-balance-slide-user.le{background-color:#d3d3d3}.account-balance-slide-user:hover{background-color:#0090ed;color:#fff}.account-balance-main-container{border:2px solid gray;display:flex;flex:1 1;flex-direction:column;margin:0 5px 0 0}.account-balance-main-component{display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.account-balance-main-detail{align-items:center;display:flex;flex-direction:row;font-size:medium;font-weight:400;padding:5px 15px;width:50%}.account-balance-title-component{background-color:#0090ed;box-shadow:0 2px 5px #bddcf1,0 -2px 5px #bddcf1;color:#fff;font-size:20px;font-weight:400;margin-bottom:10px;margin-top:0;padding:2px 15px}.account-balance-slide-from-date.btn{justify-content:center}.account-balance-btn-show{background-color:#0090ed;border:1px solid #d3d3d3;border-radius:5px;color:#fff;cursor:pointer;padding:3px 15px}.account-balance-btn-show:hover{background-color:#ed4d2d}.account-balance-slide-from-date.btn{display:flex;flex-direction:row;justify-content:space-around}.account-balance-radio-btn{align-items:center;cursor:pointer;display:flex;flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.account-balance-radio-btn:hover{color:red}.account-balance-select-component{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:center}.value-email{text-align:right;width:100%}.calendar-container{align-items:center;display:flex;flex-direction:row;height:20px;justify-content:center;position:relative;text-align:center;width:20px}.calendar-icon-container{color:#0090ed;cursor:pointer;font-size:20px}.calendar-icon-container:hover{color:#ed4d2d}.calendar-main{display:none}.calendar-main.show{align-items:flex-start;background-color:#fff;border:1px solid #d3d3d3;display:flex;flex-direction:column;position:absolute;width:385px;z-index:100}.calendar-main.show.top{bottom:25px}.calendar-main.show.bot{top:25px}.calendar-main.show.left{left:0}.calendar-main.show.center{left:-195px}.calendar-main.show.right{right:0}.date-line-calendar-component{display:flex;flex-direction:row;width:100%}.date-calendar-component{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-weight:500;height:30px;justify-content:center;width:55px}.date-calendar-component.red{color:#ed4d2d}.date-calendar-component.blur{color:#d3d3d3}.date-calendar-component:hover{background-color:#d3d3d3;color:#fff}.date-calendar-component.no-hover{background:none!important;color:#000!important;cursor:default}.date-calendar-component.no-hover.red{color:#ed4d2d!important}.date-calendar-component.selected{background-color:#0090ed;color:#fff}.date-calendar-component.today{border:1px solid gray}.calendar-nav{display:flex;flex-direction:row;font-weight:600;justify-content:space-between;margin-bottom:15px;padding:5px;width:100%}.calendar-month-input{width:25px}.calendar-month-input,.calendar-year-input{border:none;font-weight:600;text-align:center}.calendar-year-input{width:50px}.calendar-nav-container{align-items:center;display:flex;flex-direction:row}.calendar-nav-icon{cursor:pointer;font-size:20px;margin:0 5px}.calendar-nav-icon:hover{color:#ed4d2d}.module-container{display:flex;flex-direction:row;justify-content:space-between}.module-name-container{display:flex;flex-direction:column;height:calc(100vh - 120px);overflow:auto;padding:5px 15px}.module-name,.module-name-left{display:flex;flex-direction:row}.module-name{border-radius:5px;font-weight:600;justify-content:space-between;margin:2px 0;padding:5px 10px;width:550px}.module-name:hover{background-color:gray}.module-name-des{cursor:pointer;font-weight:500}.module-name:hover .module-name-des,.module-name:hover .module-name-name{color:#fff}.module-name.focus{background-color:#0090ed}.module-name.focus .module-name-des,.module-name.focus .module-name-name{color:#fff}.module-name-btn-container{display:flex;flex-direction:row}.module-name-des,.module-name-name{color:#0090ed;cursor:pointer;width:180px}.module-name-btn-edit{color:#9acd32;cursor:pointer;margin:0 15px}.module-name-btn-delete{color:#ed4d2d;cursor:pointer}.module-name-des.title,.module-name-name.title{color:#000!important}.module-detail-container{display:flex;flex:1 1;flex-direction:column;min-height:calc(100vh - 125px);padding:5px 15px}.module-detail-component{border-radius:5px;display:flex;flex-direction:row;font-weight:600;margin:2px 0;padding:5px 10px;width:100%}.module-detail-component.chan{background-color:#d3d3d3}.module-detail-component:hover{background-color:gray;color:#fff}.module-detail-component.title:hover{background-color:#fff!important;color:#000!important}.module-detail-component-id{width:100px}.module-detail-component-name{width:400px}.module-detail-component-des{display:flex;flex:1 1}.module-detail-component-edit{color:#9acd32;cursor:pointer;text-align:center;width:50px}.module-detail-component-delete{color:#ed4d2d;cursor:pointer;text-align:center;width:50px}.role-container{display:flex;flex-direction:row;justify-content:space-between}.role-name-container{display:flex;flex-direction:column;height:calc(100vh - 120px);overflow:auto;padding:5px 15px}.role-name,.role-name-left{display:flex;flex-direction:row}.role-name{border-radius:5px;font-weight:600;justify-content:space-between;margin:2px 0;padding:5px 10px;width:550px}.role-name:hover{background-color:gray}.role-name-des{font-weight:500}.role-name:hover .role-name-des,.role-name:hover .role-name-name{color:#fff}.role-name.focus{background-color:#0090ed}.role-name.focus .role-name-des,.role-name.focus .role-name-name{color:#fff}.role-name-btn-container{display:flex;flex-direction:row}.role-name-name{width:180px}.role-name-des,.role-name-name{color:#0090ed;cursor:pointer}.role-name-btn-edit{color:#9acd32;cursor:pointer;margin:0 15px}.role-name-btn-delete{color:#ed4d2d;cursor:pointer}.role-name-des.title,.role-name-name.title{color:#000!important}.role-detail-container{display:flex;flex:1 1;flex-direction:column;min-height:calc(100vh - 125px);padding:5px 15px}.role-detail-tab{display:flex;flex-direction:row}.role-detail-tab-component{background-color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:medium;font-weight:600;justify-content:center;padding:10px}.role-detail-tab-component:hover{background-color:#d3d3d3;color:#fff}.role-detail-tab-component.focus{background-color:#0090ed;color:#fff}.role-detail-function-component{display:flex;font-weight:500;padding:5px}.role-detail-function-component-first{display:flex;flex:2 1;justify-content:start;margin:1px;padding:5px 10px}.role-detail-function-component-first.title{background-color:#d3d3d3}.role-detail-function-component-enum{display:flex;flex:1 1;justify-content:center;margin:1px;padding:5px}.role-detail-function-component-enum.title{background-color:#d3d3d3}.role-detail-tick{align-items:center;border:1px solid gray;cursor:pointer;display:flex;flex-direction:row;height:25px;justify-content:center;width:25px}.role-detail-btn-edit,.role-detail-tick.focus{background-color:#0090ed;color:#fff}.role-detail-btn-edit{border:1px solid gray;border-radius:5px;cursor:pointer;font-size:medium;font-weight:600;padding:3px 15px}.api-container{display:flex;flex-direction:row;justify-content:space-between}.api-name-container{display:flex;flex-direction:column;height:calc(100vh - 120px);overflow:auto;padding:5px 15px}.api-name,.api-name-left{display:flex;flex-direction:row}.api-name{border-radius:5px;font-weight:600;justify-content:space-between;margin:2px 0;padding:5px 10px;width:750px}.api-name:hover{background-color:gray}.api-name-des{cursor:pointer;font-weight:500}.api-name:hover .api-name-action-type,.api-name:hover .api-name-des,.api-name:hover .api-name-name{color:#fff}.api-name.focus{background-color:#0090ed}.api-name.focus .api-name-action-type,.api-name.focus .api-name-des,.api-name.focus .api-name-name{color:#fff}.api-name-btn-container{display:flex;flex-direction:row}.api-name-des,.api-name-name{color:#0090ed;cursor:pointer;width:100px}.api-name-btn-edit{color:#9acd32;cursor:pointer;margin:0 15px}.api-name-btn-delete{color:#ed4d2d;cursor:pointer}.api-name-des.title,.api-name-name.title{color:#000!important}.api-name-action-type{cursor:pointer;display:flex;width:100px}.api-detail-container{display:flex;flex:1 1;flex-direction:column;min-height:calc(100vh - 125px);padding:5px 15px}.api-detail-component{border-radius:5px;display:flex;flex-direction:row;font-weight:600;margin:2px 0;padding:5px 10px;width:100%}.api-detail-component.chan{background-color:#d3d3d3}.api-detail-component:hover{background-color:gray;color:#fff}.api-detail-component.title:hover{background-color:#fff!important;color:#000!important}.api-detail-component-id{width:100px}.api-detail-component-name{width:400px}.api-detail-component-des{display:flex;flex:1 1}.api-detail-component-edit{color:#9acd32;cursor:pointer;text-align:center;width:50px}.api-detail-component-delete{color:#ed4d2d;cursor:pointer;text-align:center;width:50px}.add-funtion-container{padding:5px}.add-funtion-btn{align-items:center;background-color:#0090ed;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-weight:600;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.email-template-detail-param-container{display:flex;flex-direction:row;width:100%}.email-template-detail-param-container input{width:90%}.email-template-btn-component{align-items:center;color:gray;cursor:pointer;display:flex;justify-content:center;width:30px}.email-template-btn-component:hover{color:red}.email-template-add-btn{background-color:#0090ed;border:1px solid gray;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;margin:10px;padding:2px 5px}.printed-template-detail-param-container{display:flex;flex-direction:row;width:100%}.printed-template-detail-param-container input{width:90%}.simple-param-container{align-items:center;border:1px solid gray;display:flex;flex:5 1;flex-direction:column;font-weight:600;margin:0 5px;padding:0 0 10px}.simple-param{display:flex;flex-direction:row;width:100%}.simple-param-component{align-items:center;display:flex;flex:1 1;justify-content:center;margin:1px 2px}.simple-param-component.title{background-color:#d3d3d3;text-transform:uppercase}.table-param-container{align-items:center;border:1px solid gray;display:flex;flex:7 1;flex-direction:column;font-weight:600;margin:0 5px;padding:0 0 10px}.table-param{display:flex;flex-direction:row;padding:2px 0;width:100%}.table-param-detail{display:flex;flex:4 1;flex-direction:column}.table-param-detail-component{display:flex;flex-direction:row;width:100%}.table-param-component{align-items:center;display:flex;flex:1 1;justify-content:center;margin:1px 2px}.table-param-component.title{background-color:#d3d3d3;text-transform:uppercase}.table-param.le .table-param-component{background-color:#d3d3d3}.printed-template-btn-component{align-items:center;color:gray;cursor:pointer;display:flex;justify-content:center;width:30px}.printed-template-btn-component:hover{color:red}.printed-template-add-btn{background-color:#0090ed;border:1px solid gray;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;margin:10px;padding:2px 5px}.login-google{margin-top:15px;text-align:center;width:100%}.text-btn-login-container{align-items:center;display:flex;flex-direction:row;height:40px;justify-content:space-between;margin-bottom:10px;margin-top:10px;width:100%}.text-btn-login-container>a{color:#0082dd;font-size:15px;font-weight:400;text-decoration:none}.text-btn-login-container>a:hover{color:#d4000d}.input-form-component{width:100%}.login-btn{align-items:center;background-color:#e8e8e8;border:none;border-radius:3px;color:#acacac;cursor:pointer;display:flex;font-size:16px;height:48px;justify-content:center;margin-top:5px;width:100%}.login-btn:focus{background-color:#d3d3d3;color:#acacac;outline:none}.login-btn:hover:before{left:0;top:0}.login-btn-au{align-items:center;background-color:#fff;border:1px solid #d3d3d3;border-radius:3px;cursor:pointer;display:flex;font-size:16px;font-size:14px;height:40px;justify-content:center;margin-top:5px;position:relative;width:100%}.login-btn-au_img{background-image:url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/7b95007f3377150730bbb5d1ddb477d6.png);background-position:83.9286% 5.15464%;background-size:722.222% 638.889%;height:25px;left:10px;position:absolute;width:25px}.login-btn-au:focus{background-color:#d3d3d3;outline:none}.login-btn-au:hover:before{left:0;top:0}.login-form-note-text{color:gray;font-size:16px;line-height:1;margin-bottom:5px;margin-top:15px;width:100%}.login-input{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;flex-direction:row;height:40px;margin-bottom:10px;padding:5px}.login-input.error{border-bottom:1px solid #ed4d2d!important;margin-bottom:5px!important}.login-input>i{align-items:center;color:rgba(0,0,0,.4);cursor:pointer;display:flex;font-size:20px;justify-content:center;width:20px}.login-input>input{background:#fff;border:none;display:flex;flex:1 1;margin:0 10px}.login-form-error-text{color:#ed4d2d;font-size:13px;line-height:1;margin-bottom:5px;padding:0 5px}.login-container{background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;width:100vw}@media (min-width:800px){.login-form-header{display:none}.login-logo{height:26vw;min-height:300px;min-width:300px;width:26vw}}@media (min-width:500px) and (max-width:799px){.login-form-header,.login-logo{display:none}}@media (max-width:499px){.login-logo{height:20vh;width:20vh}.login-form-header{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;flex-direction:row;font-size:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 20px;width:100%}.login-form-header>i{color:#ed4d2d;cursor:pointer;margin-right:20px}}.login-wrapper{flex-direction:row;flex-wrap:wrap;padding:2vw;width:100%}.login-form,.login-wrapper{background-color:#fff;display:flex}.login-form{align-items:center;border:1px solid #d3d3d3;flex-direction:column;margin:auto;max-height:60vh;max-width:96vw;padding:2vh 0;width:400px}.login-logo{margin:auto;object-fit:cover}.login-form-child{align-items:center;display:flex;flex-direction:column;padding:20px;width:100%}.register-btn{align-items:center;background-color:#ff000a;border-radius:10px;border-radius:8px 8px 8px 0;box-shadow:4px 4px 5px gray;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:15px;font-weight:600;height:40px;justify-content:center;max-width:326px;overflow:hidden;position:relative;width:calc(100vw - 20px)}.register-btn:before{background-color:#d4000d;border-radius:8px 8px 8px 0;content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.register-btn:hover:before{left:0;top:0}.register-btn:after{align-items:center;border-radius:8px 8px 8px 0;content:"Đăng ký";display:flex;flex-direction:row;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.text-btn-login-container.center{color:gray;justify-content:center}.verify-title{color:#42494d;font-size:max(20px,min(calc(999900vw - 9909009px),30px));font-weight:700}.verify-form{align-items:center;display:flex;flex-direction:column}.verify-input{border:2px solid #d3d3d3;border-radius:8px 8px 8px 0;margin-top:25px;max-width:326px;position:relative;width:calc(100vw - 20px)}.verify-input>input{border:none;border-radius:8px 8px 8px 0;font-weight:600;height:max(40px,min(calc(999900vw - 9909009px),40px));opacity:0;padding-left:10px;width:100%}.verify-input.focus-input{border-color:#009250}.verify-input-title{background-color:#fbfbfb;color:#42494d;color:#d3d3d3;font-size:18px;font-weight:500;left:20px;position:absolute;top:20%;transition:.5s;translate:1s}.verify-input.focus-input .verify-input-title{color:#42494d;top:-35%}.verify-input.focus-input>input,.verify-input.validate-input>input{opacity:1}.verify-input.validate-input .verify-input-title{color:#42494d;top:-35%}.verify-btn{align-items:center;background-color:#ff000a;border-radius:10px;border-radius:8px 8px 8px 0;box-shadow:4px 4px 5px gray;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:15px;font-weight:600;height:40px;justify-content:center;margin-top:27px;max-width:326px;overflow:hidden;position:relative;width:calc(100vw - 20px)}.verify-btn:before{background-color:#d4000d;border-radius:8px 8px 8px 0;content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.verify-btn:hover:before{left:0;top:0}.verify-btn:after{border-radius:8px 8px 8px 0;content:"Đổi mật khẩu";height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.text-btn-verify-container,.verify-btn:after{align-items:center;display:flex;flex-direction:row}.text-btn-verify-container{color:#ff000a;font-size:16px;font-weight:600;height:40px;justify-content:space-between;margin-bottom:10px;margin-top:10px;max-width:326px;width:calc(100vw - 20px)}.text-btn-verify-container>div{cursor:pointer}.verify-confirm-text-container{font-size:15px;font-weight:500;margin-top:15px;max-width:326px;width:calc(100vw - 20px)}.service-body{margin-left:auto;margin-right:auto}.service-container{padding:0}.translation-detail-container{background-color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.translation-detail-row{margin:10px auto 5px}
/*# sourceMappingURL=main.d03484dc.css.map*/