.spinner{width:8px;height:8px;animation:spinner-z355kx 1s linear infinite;border-radius:8px;box-shadow:20px 0 0 0 #ffc601,12.4px 15.6px 0 0 #ffc601,-4.4px 19.4px 0 0 #ffc601,-18px 8.6px 0 0 #ffc601,-18px -8.6px 0 0 #ffc601,-4.4px -19.4px 0 0 #ffc601,12.4px -15.6px 0 0 #ffc601}@keyframes spinner-z355kx{to{transform:rotate(1turn)}}.chart-view{height:540px!important;top:100px!important}.modalx{height:auto!important;left:0;margin:100px auto!important;overflow-y:auto}.modalx .react-bootstrap-table{min-height:auto!important;height:170px!important}.modalx h5{font-family:inherit}.modalx .ui.yellow.button{color:#000!important}.delete-vertical{left:0!important}.delete-notify,.delete-package,.delete-purchase,.delete-survey,.delete-vertical{height:133px!important;top:200px!important}.delete-notify{left:0}.upload_image{height:133px!important;top:200px!important}.detail-ptkt{top:10px!important;width:700px}.detail-ptkt button{border-radius:4px;color:#000}.detail-ptkt .header{background-color:#ffc701!important;color:#000!important;border-top-left-radius:10px!important;border-top-right-radius:10px!important;font-size:18px!important;height:47px;display:flex!important;justify-content:center!important;align-items:center!important}.detail-ptkt .content{margin-top:45px}.detail-ptkt .top .top-left .title,.detail-ptkt .top .top-right .title{height:40px;background-color:hsla(0,0%,92.5%,.829);font-size:18px;color:#0f0f0f;text-align:center;vertical-align:middle;border-radius:6px;font-weight:700;text-align:left;padding-left:20px;padding-top:7px}.detail-ptkt .top .top-left .basic-info,.detail-ptkt .top .top-right .basic-info{display:flex;justify-content:space-between;align-items:baseline}.detail-ptkt .top .top-left .basic-info .c-1,.detail-ptkt .top .top-right .basic-info .c-1{width:50%;color:#6a6a6a;text-align:left;font-size:15px;font-weight:400;line-height:30px;letter-spacing:.5px;font-family:revert;margin-bottom:0}.detail-ptkt .top .top-left .basic-info .c-2,.detail-ptkt .top .top-right .basic-info .c-2{width:50%;text-align:left;font-weight:600;font-size:15px;color:#000}.detail-ptkt .top .top-left .basic-info .c-2 a,.detail-ptkt .top .top-right .basic-info .c-2 a{color:#0079e9;text-decoration:underline!important;font-size:14px}.detail-ptkt .top .top-left .finance-info,.detail-ptkt .top .top-right .finance-info{display:flex;justify-content:left}.detail-ptkt .top .top-left .finance-info .c-1,.detail-ptkt .top .top-right .finance-info .c-1{width:50%;color:#6a6a6a;text-align:left;font-size:15px;font-weight:400;line-height:30px;letter-spacing:.5px;font-family:revert}.detail-ptkt .top .top-left .finance-info .c-2,.detail-ptkt .top .top-right .finance-info .c-2{width:50%;text-align:left;font-weight:500;font-size:15px;color:#000}.detail-ptkt .bottom{margin-top:30px;border-top:10px;margin-right:0;margin-left:0;box-shadow:0 0 4px 0 #666;border-radius:10px}.detail-ptkt .bottom .head{margin:20px 0 30px}.detail-ptkt .bottom .head .c-1{text-align:left;font-weight:700;color:#000}.detail-ptkt .bottom .head .c-2 button{width:110px;float:right;border-radius:10px;height:40px;margin:0 5px;background-color:#ffc701;font-weight:500}.detail-ptkt .bottom .middle h4{margin:0 25px 15px 0;text-align:left;width:100%}.detail-ptkt .bottom .middle canvas{max-width:495px;max-height:230px}.detail-ptkt .bottom .middle .quarterly-business{background-color:#ffeeb2;color:#000;height:45px;border-radius:6px;font-weight:700;padding-left:21px;padding-top:8px}.detail-ptkt .bottom .middle .revenue{display:flex;align-items:center;font-weight:500;margin-right:40px}.detail-ptkt .bottom .middle .revenue div{width:30px;height:30px;background-color:#1d78a4;margin-right:10px}.detail-ptkt .bottom .middle .profit{display:flex;align-items:center;font-weight:500}.detail-ptkt .bottom .middle .profit div{width:30px;height:30px;background-color:#797d80;margin-right:10px}.detail-ptkt .bottom .middle .equity{display:flex;align-items:center;font-weight:500;margin-left:20px}.detail-ptkt .bottom .middle .equity div{width:30px;height:30px;background-color:#497d80;margin-right:10px}.detail-ptkt .bottom .middle .table thead{background:#edebeb;font-weight:500}.detail-ptkt .btn-hover{border-radius:20px!important;font-size:21px;margin:0 10px!important}.detail-ptkt .btn-hover:hover{background:#ffc701;color:#fff!important}.detail-ptkt .zui-table{border:none;border-right:1px solid #ddefef;border-collapse:initial;border-spacing:0;font:normal 13px Arial,sans-serif}.detail-ptkt .zui-table thead th{background-color:#edebeb;border:none;color:#000;padding:10px;text-align:left;white-space:nowrap;height:40px}.detail-ptkt .zui-table tbody td{border-bottom:1px solid #edebeb;color:#333;padding:13px 24px;text-shadow:1px 1px 1px #fff;white-space:nowrap;background:#fff}.detail-ptkt .zui-table tbody th{height:40px;text-align:right}.detail-ptkt .zui-wrapper{position:relative}.detail-ptkt .zui-scroller{margin-left:122px;overflow-x:scroll;overflow-y:visible;padding-bottom:5px;width:375px}.detail-ptkt .zui-table .zui-sticky-col{border-left:1px solid #edebeb;border-right:1px solid #edebeb;left:0;position:absolute;top:auto;width:122px;font-weight:700;text-align:left;height:40px}.detail-ptkt .zui-table td{width:136px}.detail-ptkt .zui-table .boldText{padding:0 13px;border-right:.7px solid #eae9e9;border-bottom:.7px solid #eae9e9;letter-spacing:.5px;font-weight:500;width:122px;min-width:122px}.modal .detail-ptkt{overflow-y:auto}@media screen and (min-width:768px)and (max-width:1024px){.zui-scroller{margin-left:0!important;width:460px!important}}@media screen and (max-width:768px){.detail-ptkt .bottom .middle .quarterly-business{margin-right:10px;font-size:15px}.detail-ptkt .bottom .middle canvas{max-width:584px;max-height:230px}.detail-ptkt .zui-scroller{width:auto}.basic-info{margin-bottom:20px}.basic-info .address{height:99px!important}.middle{margin-top:20px}}@media screen and (max-width:425px){.detail-ptkt .bottom .middle .quarterly-business{font-size:15px}}.new-order{height:400px}.new-order h3{padding:20px;background:#fbbd08;font-weight:700;font-family:Inter}.new-order .each-input{display:flex;text-align:center;text-align:initial}.new-order .each-input label{margin:0 20px;font-weight:700;width:150px}.new-order .info-error{font-size:15px;font-weight:700;color:red}.new-order .react-datepicker-wrapper{width:103%}