.client-chat-left{float:left;overflow:hidden}.client-chat-left .area{z-index:0;width:100%;position:relative}.client-chat-left .area .chat-input{background:#fff;border-radius:11px;flex-direction:row;align-items:flex-start;height:56px;padding:8px;position:absolute;bottom:20px;left:16px;right:16px;box-shadow:0 0 2px #0000001a,0 2px 8px #0000000d}.client-chat-left .area .chat-input .button-sent{float:right;cursor:pointer;background:#04818e;border:none;border-radius:5px;flex-direction:row;flex:none;order:2;align-items:flex-start;width:40px;height:40px;margin:0 8px;padding:10px;display:flex;position:relative;top:0}.client-chat-left .area .chat-input .input{background:#fafafa;border-radius:5px;margin:-40px 58px -40px 15px;padding:8px 8px 8px 12px;display:flex}.client-chat-left .area .chat-input .input .text-input{background:0 0;border:none;flex:1 0 auto;order:0;height:20px;margin:0 8px;padding:10px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;top:10px;left:12px}.input-tengah,.chat-input input:focus{outline:none}.client-chat-left .area .chat-input .input svg{cursor:pointer}.client-chat-left .area .chat-input .btn-attach{cursor:pointer;background:0 0;border:none;flex-direction:row;flex:none;order:0;align-items:flex-start;height:40px;padding:10px;display:flex;top:8px;left:8px}.client-chat-left .area-chat{width:100%;max-height:370px;overflow:hidden auto}.client-chat-left .area-chat .convos{flex-direction:column;align-items:flex-start;width:100%;height:370px;padding:0}.client-chat-left .area-chat .convos .item-chat-list{flex-direction:row;flex:none;order:0;align-items:flex-start;width:968px;height:auto;margin:0;padding:16px 0 0;display:flex;position:static;top:0;left:0}.client-chat-left .area-chat .convos .item-chat-list .avatar{background:#fff;border-radius:50%;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:1px;display:flex;position:static;top:16px;left:0}.client-chat-left .area-chat .convos .item-chat-list .avatar img{background-blend-mode:lighten,normal;mix-blend-mode:multiply;flex:none;order:0;align-self:stretch;width:34px;height:34px;margin:0;position:static;top:1px;left:1px}.client-chat-left .area-chat .convos .item-chat-list .guts{flex-direction:column;flex:1 0 auto;order:1;align-items:flex-start;width:772px;height:auto;margin:0;padding:1px 0 0 8px;display:flex;position:static;top:16px;left:36px}.client-chat-left .area-chat .convos .item-chat-list .guts .bubble{background:#e2e8f0;border-radius:2px 12px 12px;flex-direction:row;flex:none;order:0;align-self:stretch;align-items:flex-start;width:fit-content;height:auto;margin:3px 0;padding:8px 12px;font-size:12px;font-style:normal;font-weight:400;line-height:18px;display:flex;position:static;top:1px;left:8px;box-shadow:0 0 2px #0003,0 2px 8px #0000001a}.client-chat-left .area-chat .convos .item-chat-list .guts .bubble .file{background:#0003;border-radius:10px;flex:none;order:0;width:64px;height:64px;margin:0;position:static;top:4px;left:4px}.client-chat-left .area-chat .convos .item-chat-list .guts .bubble .file .group{position:relative;inset:9.38% 18.75%}.client-chat-left .area-chat .convos .item-chat-list .guts .bubble .file-name{flex-direction:column;flex:none;order:1;justify-content:center;align-self:stretch;align-items:flex-start;width:auto;height:64px;margin:0;padding:0 8px;display:flex;position:static;top:4px;left:68px}.client-chat-left .area-chat .convos .item-chat-list .guts .bubble .file-name label{color:#fff;flex:none;order:0;margin:4px 0;font-size:11px;font-style:normal;font-weight:400;line-height:18px;position:static;inset:0 8px 46px}.client-chat-left .area-chat .convos .item-chat-list .guts .bubble .file-name .aksi{flex-direction:column;flex:none;order:1;align-items:flex-start;width:54px;height:42px;margin:4px 0;padding:0;display:flex;position:static;top:22px;left:8px}.client-chat-left .area-chat .convos .item-chat-list .guts .bubble .file-name .aksi label{color:#fff;cursor:pointer;flex:none;order:0;margin:0;font-size:11px;font-style:normal;font-weight:600;line-height:20px;position:static;inset:0 27px 22px 0}.client-chat-left .area-chat .convos .item-chat-list .guts .bubble .file-name .aksi label a{color:#fff;cursor:pointer;text-decoration:none}.client-chat-left .area-chat .convos .item-chat-list .guts .time{letter-spacing:-.004em;color:#121212cc;flex-direction:row;flex:none;order:1;align-items:flex-start;width:45px;height:8px;margin:3px 0;padding:0 12px;font-size:8px;font-style:normal;font-weight:400;line-height:8px;display:flex;position:static;top:56px;left:8px}.client-chat-left .area-chat .convos .right{float:right;flex-direction:row;flex:none;order:3;justify-content:flex-end;align-items:flex-start;width:100%;height:auto;padding:10px;display:flex;position:relative;left:0}.client-chat-left .area-chat .convos .right .avatar{background:#fff;border-radius:18px;flex-direction:row;flex:none;order:2;justify-content:center;align-items:center;width:36px;height:36px;margin:0;padding:1px;display:flex;position:static;top:16px;left:932px}.client-chat-left .area-chat .convos .right .avatar img{mix-blend-mode:multiply;flex:none;order:0;align-self:stretch;width:34px;height:34px;margin:0;position:static;top:1px;left:1px}.client-chat-left .area-chat .convos .right .guts{flex-direction:column;flex:1 0 auto;order:1;align-items:flex-end;width:80%;height:auto;margin:0;padding:1px 8px 0 0;display:flex;position:static;top:16px;left:160px}.client-chat-left .area-chat .convos .right .guts .bubble-upload{text-align:center!important;width:200px!important;display:block!important}.client-chat-left .area-chat .convos .right .guts .bubble{background-color:#fff;border-radius:12px 2px 12px 12px;flex:none;order:0;width:fit-content;height:auto;margin:3px 0;padding:8px 12px;font-size:12px;font-style:normal;font-weight:400;line-height:18px;position:static;top:1px;left:686px;box-shadow:0 0 2px #0003,0 2px 8px #0000001a}.client-chat-left .area-chat .convos .right .guts .bubble .file{background:#0003;border-radius:10px;flex:none;order:1;width:64px;height:64px;margin:0;position:static;top:4px;left:160px}.client-chat-left .area-chat .convos .right .guts .bubble .file .group{position:relative;inset:9.38% 18.75%}.client-chat-left .area-chat .convos .right .guts .bubble .file-name{flex-direction:column;flex:none;order:0;justify-content:center;align-self:stretch;align-items:flex-end;width:auto;height:64px;margin:0;padding:0 8px;display:flex;position:static;top:4px;left:4px}.client-chat-left .area-chat .convos .right .guts .bubble .file-name label{color:#fff;flex:none;order:0;margin:4px 0;font-size:11px;font-style:normal;font-weight:400;line-height:18px;position:static;inset:0 8px 46px}.client-chat-left .area-chat .convos .right .guts .bubble .aksi{flex-direction:column;flex:none;order:1;align-items:flex-end;width:54px;height:42px;margin:4px 0;padding:0;display:flex;position:static;top:22px;left:94px}.client-chat-left .area-chat .convos .right .guts .bubble .aksi label{color:#fff;cursor:pointer;flex:none;order:1;margin:0;font-size:11px;font-style:normal;font-weight:600;line-height:20px;position:static;inset:22px 0 0}.client-chat-left .area-chat .convos .right .guts .bubble .aksi label a{color:#fff;cursor:pointer;text-decoration:none}.client-chat-left .area-chat .convos .right .guts .time{letter-spacing:-.004em;color:#121212cc;place-self:self-end;font-size:8px;line-height:8px}.client-chat-right{float:right;background:#fff;width:30%;height:calc(100vh - 20px);position:absolute;top:0;right:0;overflow:hidden}.client-chat-right .client-info{box-sizing:border-box;background:#fff;border:1px solid #e1e3e5;border-radius:16px;flex-direction:column;align-items:flex-start;width:380px;height:768px;padding:0 0 8px;position:absolute;top:112px;left:20px}.client-chat-right .client-info .header{background:#fff;border-top:thin solid #e1e3e5;border-radius:10px 10px 0 0;flex-direction:row;flex:none;order:0;align-items:flex-start;width:100%;height:auto;margin:0;padding:16px;display:flex;position:static;top:0;left:0;box-shadow:0 0 #fff,0 1px #e1e3e5}.client-chat-right .client-info .header label{color:#27272a;flex:1 0 auto;order:0;width:316px;height:24px;margin:0 8px;font-size:18px;font-style:normal;font-weight:400;line-height:24px;position:static;top:16px;left:16px}.client-chat-right .client-info .header svg{cursor:pointer}.client-chat-right .client-info .item{flex-direction:column;flex:none;order:1;justify-content:center;align-self:stretch;align-items:flex-start;width:380px;height:52px;margin:8px 0;padding:8px 16px;display:flex;position:static;top:64px;left:0}.client-chat-right .client-info .item .label-header{letter-spacing:.01em;text-transform:uppercase;color:#a1a1aa;flex:none;order:0;align-self:stretch;width:348px;height:16px;margin:0;font-size:12px;font-style:normal;font-weight:600;line-height:16px;position:static;top:8px;left:16px}.client-chat-right .client-info .item .label-item{color:#374151;flex:none;order:1;align-self:stretch;width:348px;height:20px;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:static;top:24px;left:16px}.client-chat-right .client-info .item-download{flex-direction:column;flex:none;order:1;justify-content:center;align-self:stretch;align-items:flex-start;width:100%;min-height:70px;margin:1px 0;padding:16px;position:static;top:64px;left:0;box-shadow:0 -1px #e1e3e5,0 1px #e1e3e5}.client-chat-right .client-info .item-download .frame-info{float:left;flex-direction:column;flex:1 0 auto;order:0;align-items:flex-start;width:208px;height:40px;margin:0;padding:0;display:flex;position:relative;top:0;left:0}.client-chat-right .client-info .item-download .frame-info .label-header{color:#27272a;flex:none;order:0;width:100%;height:24px;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:24px;position:static;top:0;left:0}.client-chat-right .client-info .item-download .frame-info .label-info{color:#a1a1aa;flex:none;order:1;width:100%;height:16px;margin:0;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:static;top:24px;left:0}.client-chat-right .client-info .item-download .frame-aksi{float:right;flex-direction:row;flex:none;order:1;align-items:flex-start;width:117px;height:24px;margin:0 8px;padding:0;display:flex;position:relative;top:0;left:0}.client-chat-right .client-info .item-download .frame-aksi .link{color:#04818e;flex:none;order:0;width:34px;height:24px;margin:0 7px;font-size:14px;font-style:normal;font-weight:400;line-height:24px;position:static;top:0;left:0}.client-chat-right .client-info .log{min-height:55px}.content-chat-right{width:100%;height:50%;padding:0 20px;position:absolute;top:105px;overflow-y:auto}.frame-info-user-development{box-sizing:border-box;border:1px solid #e1e3e5;border-radius:16px;flex-direction:column;align-items:flex-start;width:90%;height:auto;padding:15px 25px;display:flex;position:relative;top:0;left:20px;overflow-x:hidden;flex-grow:0!important}.frame-info-user-development .item-material{margin-top:0!important}.frame-info-user-development .item{flex-direction:column;flex:none;order:0;align-self:stretch;width:auto;height:auto;margin:16px 0;display:flex;position:relative;top:0;left:0}.frame-info-user-development .item .lbl-header{letter-spacing:.01em;text-transform:uppercase;color:#a1a1aa;flex:none;order:0;align-self:stretch;width:auto;height:16px;margin:0;font-size:12px;font-style:normal;font-weight:600;line-height:16px;position:relative;top:0;left:0}.frame-info-user-development .item .lbl-item{color:#374151;flex:none;order:1;align-self:stretch;width:85%;height:auto;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:static;top:16px;left:0}.div-action{float:right;background:#fafafa;border-radius:16px;width:25%;height:auto;margin:0 auto;padding:20px;position:fixed;bottom:20px;right:2.5%;flex-grow:0!important}.div-action a{color:#04818e;cursor:pointer;float:right;background:#fff;border:1px solid #d1d5db;border-radius:3px;width:auto;height:auto;padding:5px 15px;font-size:12px;font-style:normal;font-weight:400;line-height:24px;position:absolute;top:21px;left:19px}.div-action .frame-harga{flex-direction:column;flex:none;order:0;align-items:flex-start;width:340px;height:44px;margin:24px 0;padding:0;display:flex;position:static;top:20px;left:20px}.div-action .frame-harga .item{flex-direction:column;flex:none;order:0;justify-content:center;align-items:flex-start;width:280px;height:44px;margin:16px 0;padding:0;display:flex;position:static;top:0;left:0}.div-action .frame-harga .item .header{letter-spacing:.01em;text-transform:uppercase;color:#a1a1aa;flex:none;order:0;align-self:stretch;width:280px;height:16px;margin:4px 0;font-size:12px;font-style:normal;font-weight:600;line-height:16px;position:static;top:0;left:0}.div-action .frame-harga .item .body{color:#27272a;flex:none;order:1;align-self:stretch;width:280px;height:24px;margin:4px 0;font-size:18px;font-style:normal;font-weight:600;line-height:24px;position:static;top:20px;left:0}.div-action .frame-item{flex-direction:column;flex:none;order:0;align-items:flex-start;width:100%;height:auto;margin:0;padding:0;display:flex;position:static;top:20px;left:20px}.div-action .frame-item .item{flex-direction:column;flex:none;order:0;justify-content:center;align-self:stretch;align-items:flex-start;width:100%;height:44px;margin:10px 0;padding:0;display:flex;position:static;top:0;left:0}.div-action .frame-item .item .header{letter-spacing:.01em;text-transform:uppercase;color:#a1a1aa;flex:none;order:0;align-self:stretch;width:auto;height:16px;margin:4px 0;font-size:12px;font-style:normal;font-weight:600;line-height:16px;position:static;top:0;left:0}.div-action .frame-item .item .info{color:#27272a;flex:none;order:1;align-self:stretch;width:auto;height:24px;margin:4px 0;font-size:18px;font-style:normal;font-weight:600;line-height:24px;position:static;top:20px;left:0}.div-action .frame-image{cursor:pointer;flex:none;order:1;width:100%;height:auto;margin:1px 0;position:relative}.div-action .frame-image .label-info{color:#04818e;flex:none;order:1;width:340px;height:20px;margin:8px 0;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:20px;position:static;top:228px;left:0}.div-action .frame-image .preview{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:5px;flex:none;order:0;width:100%;height:220px;position:static;top:0;left:0}.div-action .frame-image iframe{border:none;width:100%}.div-action .frame-image .preview iframe{cursor:pointer;border:none;width:100%;height:100%}.div-action .frame-button{flex-direction:row;flex:none;order:2;align-items:flex-start;width:100%;height:40px;margin:19px 0 0;padding:0;display:flex;position:relative}.div-action .frame-button .btn-approve{cursor:pointer;color:#fff;background:#04818e;border:none;border-radius:5px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;width:90%;height:40px;margin:0 16px;padding:8px 12px;display:flex;position:static;top:0;left:178px}.div-action .frame-button .adj-btn-approve{width:43%!important}.div-action .frame-button .btn-approve-chat{cursor:pointer;color:#fff;background:#04818e;border:none;border-radius:5px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;width:43%;height:40px;margin:0 16px;padding:8px 12px;display:flex;position:static;top:0;left:178px}.div-action .frame-button .btn-kembali-dashboard{cursor:pointer;color:#fff;background:#04818e;border:none;border-radius:5px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;width:92%;height:40px;margin:0 16px;padding:8px 12px;display:flex;position:static;top:0;left:178px}.div-action .frame-button .btn-approve button{cursor:pointer;color:#fff;background:#04818e;border:none;border-radius:5px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;width:100%;height:40px;margin:0 16px;padding:8px 12px;display:flex;position:static;top:0;left:178px}.div-action .frame-button .btn-receive button{cursor:pointer;color:#fff;background:#04818e;border:none;border-radius:5px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;width:43%;height:40px;margin:0 16px;padding:8px 12px;display:flex;position:static;top:0;left:178px}.div-action .frame-button .btn-approve label{text-align:center;color:#fff;flex:1 0 auto;order:1;width:114px;height:24px;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:24px;position:static;top:8px;left:36px}.div-action .frame-button .btn-requote{cursor:pointer;color:#04818e;background:#d9ecee;border:none;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:43%;height:40px;margin:0 3%;padding:8px 12px;display:flex;position:static;top:0;left:0}.div-action .frame-button .btn-pay-invoice-sisa{cursor:pointer;color:#04818e;background:#d9ecee;border:none;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:100%;height:40px;margin:0 3%;padding:8px 12px;font-size:12px;display:flex;position:static;top:0;left:0}.div-action .frame-button .btn-requote svg{position:relative;left:-7%}.div-action .frame-button .btn-approve svg{position:relative;left:-13%}.div-action .frame-button .btn-reject{cursor:pointer;color:#ef4444;background:#fee2e2;border:none;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:43%;height:40px;margin:0 3%;padding:8px 12px;display:flex;position:static;top:0;left:0}.div-action .frame-button .btn-reject label{text-align:center;color:#ef4444;flex:1 0 auto;order:1;width:114px;height:24px;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:24px;position:static;top:8px;left:36px}.frame-emoji{background:0 0;width:auto;height:auto;position:absolute;bottom:56px;left:61.3%}.frame-logo label{color:#000;flex:none;order:1;width:100%;height:30px;margin:0 8px;font-size:100%;font-style:normal;font-weight:700;line-height:125%;position:static;top:9px;left:56px}.btn-side-open,.btn-side-close{display:none}@media only screen and (max-width:500px){.client-chat-right{right:100%}.open-client-chat-right{width:100%;transition:width 1s;right:0!important}.open-client-chat-right .div-action{width:95%;transition:width 1s;right:2.5%}.client-chat-right-close{width:0%;transition:width 1s;right:0%}.client-chat-right-close .div-action{transition:width 1s;right:-100%}.div-action{right:-95%}.btn-side-open{text-align:center;color:#000;background:#80808069;border-radius:6px 0 0 6px;width:20px;height:50px;padding:14px 0;font-weight:700;display:block;position:absolute;right:0}.btn-side-close{text-align:center;color:#9e9e9e;z-index:9;background:#f3f3f3;border-radius:0 6px 6px 0;width:20px;height:50px;padding:14px 0;font-weight:700;display:block;position:absolute;left:0}}.btn-detail{cursor:pointer;float:right;z-index:9;border:1px solid #d1d5db;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:109px;height:36px;padding:4px 12px;position:absolute;top:30px;right:15%}.btn-view-detail{width:fit-content!important}.btn-view-detail div span svg{color:#04818e;margin:6px 0}.frame-ubah-detail::-webkit-scrollbar{display:none}.frame-ubah-detail{float:right;z-index:9;-ms-overflow-style:none;scrollbar-width:none;background:#fff;border:1px solid #e1e3e5;border-radius:16px;align-items:flex-start;width:27%;height:calc(100vh - 60px);padding:0;position:absolute;top:20px;right:2%;overflow:hidden auto;flex-direction:unset!important;min-height:0!important;display:block!important}.frame-ubah-detail .header{z-index:1;background:#fff;border-radius:16px 16px 0 0;flex-direction:row;flex:none;order:0;align-items:flex-start;width:26.8%;height:56px;margin:0;padding:16px;display:flex;position:fixed;top:auto;left:auto;box-shadow:0 1px #e1e3e5,0 1px #e1e3e5}.frame-ubah-detail .header label{color:#27272a;flex:1 0 auto;order:0;width:auto;height:24px;margin:0 8px;font-size:18px;font-style:normal;font-weight:400;line-height:24px;position:static;top:16px;left:16px}.frame-ubah-detail .header svg{cursor:pointer}.frame-ubah-detail .body{width:100%;height:auto;padding:10px}.frame-ubah-detail .body .group-select-input{height:auto;padding:0 25px 0 0;position:relative;top:0;left:16px;width:100%!important}.frame-ubah-detail .body .group-select-input label{letter-spacing:.1px;color:#111827;font-size:12px;font-style:normal;font-weight:600;line-height:16px}.frame-ubah-detail .body .group-select-input .select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:5px;height:40px;position:static;top:20px;left:0;width:100%!important}.frame-ubah-detail .body .group-select-input .input-frame{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:232px;height:36px;margin:10px 0;padding:8px 12px;display:flex;position:relative}.frame-ubah-detail .body .group-select-input .kiri{flex-direction:row;flex:none;order:0;align-items:center;width:18px;height:20px;margin:0;padding:0;display:flex;position:relative;top:0;left:0}.frame-ubah-detail .body .group-select-input .kiri .zero-frame{flex:none;order:1;width:0;height:20px;margin:0 9px;position:relative;top:0;left:2px}.frame-ubah-detail .body .group-select-input .kiri .zero-frame .i{background:#e5e7eb;width:1px;height:28px;position:absolute;top:calc(50% - 14px);left:27px}.frame-ubah-detail .body .group-select-input .kiri label{letter-spacing:-.02em;color:#9ca3af;flex:none;order:0;width:9px;height:20px;margin:0 9px;font-size:13px;font-style:normal;font-weight:400;line-height:20px;position:static;top:0;left:0}.frame-ubah-detail .body .group-select-input .input-text{color:#111827;border:none;flex:1 0 auto;order:1;width:115px;height:20px;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:relative;top:0;left:50px}.frame-ubah-detail .body .group-select-input .kanan{flex-direction:row;flex:none;order:2;align-items:center;height:20px;margin:0 21px;padding:0;display:flex;position:relative;left:15px}.frame-ubah-detail .body .group-select-input .kanan label{text-align:right;letter-spacing:-.02em;color:#9ca3af;flex:none;order:1;width:19px;height:20px;margin:0 9px;font-size:13px;font-style:normal;font-weight:400;line-height:20px;position:static;top:0;left:9px}.frame-ubah-detail .body .group-select-input .kanan .zero-frame{flex:none;order:0;width:0;height:20px;margin:0 9px;position:static;top:0;left:0}.frame-ubah-detail .body .group-select-input .kanan .zero-frame .i{background:#e5e7eb;width:1px;height:28px;position:relative;top:calc(50% - 14px);left:5px}.frame-detail-item{border:none;width:100%;position:relative;top:50px;padding:0!important}.tooltip .tooltiptext{padding:0!important}.bubble-tgl-chat{color:#08818e;z-index:99;background:#fff;margin-top:20px}.bubble-line{border-bottom:thin solid #fff;width:100%;position:relative;top:-15px}.chat-system{flex-direction:row;flex:none;order:0;align-self:stretch;align-items:flex-start;width:100%;height:118px;margin:0 auto;padding:16px 0;display:flex;position:relative;top:0;left:0}.chat-system .guts-bubbles{flex-direction:column;flex:1 0 auto;order:1;align-items:center;width:392px;height:86px;margin:0;padding:0;display:flex;position:static;top:16px;left:100px}.chat-system .guts-bubbles .bubbles{background:#fef9c3;border-radius:12px;flex-direction:row;flex:none;order:0;align-self:stretch;align-items:flex-start;width:auto;height:auto;margin:4px 0;padding:16px;display:flex;position:static;top:0;left:0;box-shadow:0 0 2px #0003,0 2px 8px #0000001a}.chat-system .guts-bubbles .bubbles p{text-align:center;color:#ca8a04;flex:1 0 auto;order:0;width:360px;margin:0 8px;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;position:static;top:16px;bottom:16px;left:calc(50% - 180px)}
.IQvh3q_heading2Xl{letter-spacing:-.05rem;margin:1rem 0;font-size:2.5rem;font-weight:800;line-height:1.2}.IQvh3q_headingXl{letter-spacing:-.05rem;margin:1rem 0;font-size:2rem;font-weight:800;line-height:1.3}.IQvh3q_headingLg{margin:1rem 0;font-size:1.5rem;line-height:1.4}.IQvh3q_headingMd{font-size:1.2rem;line-height:1.5}.IQvh3q_borderCircle{border-radius:9999px}.IQvh3q_colorInherit{color:inherit}.IQvh3q_padding1px{padding-top:1px}.IQvh3q_list{margin:0;padding:0;list-style:none}.IQvh3q_listItem{margin:0 0 1.25rem}.IQvh3q_lightText{color:#666}
header{z-index:100;background:0 0;flex-direction:column;width:100%;height:60px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}header .logo{float:left;vertical-align:middle;text-align:center;background-color:#7a7a7a;height:60px}header .logo a{color:#fff;text-transform:uppercase;letter-spacing:3.52px;padding:15px;font-family:Metropolis,sans-serif;font-size:22px;font-weight:600;line-height:30px;display:inline-block}footer{background:#e1e3e5;width:100%;height:300px;position:relative;top:100px;left:0}footer .frame{width:100%;height:300px;position:relative;top:0}footer .frame svg{float:left;position:relative;top:40px;left:40px}footer .frame .frame-item{float:left;width:280px;height:133px;position:relative;top:40px;left:150px}footer .frame .frame-item .judul{color:#121212;opacity:.5;width:auto;height:25px;font-size:16px;font-style:normal;font-weight:600;line-height:25px;position:absolute;top:0;left:0}footer .frame .frame-item .menu{flex-direction:column;align-items:flex-start;width:160px;height:100px;padding:0;display:flex;position:absolute;top:22px;left:0}footer .frame .frame-item .menu .item,footer .frame .frame-item .menu .item a{letter-spacing:.1px;color:#000;cursor:pointer;flex:none;order:1;width:auto;height:22px;margin:4px 0;font-size:14px;font-style:normal;font-weight:400;line-height:22px;position:static;top:0;left:0}footer .frame .keterangan{clear:both;text-align:center;color:#000;opacity:.8;width:1200px;height:20px;margin:0 auto;font-size:12px;font-style:normal;font-weight:400;line-height:20px;position:relative;top:130px;left:40px}footer .container{padding:40px 0 35px}footer,footer li>a{color:#818181}#footer-logo{text-align:-webkit-center;text-align:-moz-center;padding-top:20px;padding-right:40px}#footer-logo span{color:#2b292d;text-transform:uppercase;letter-spacing:3.36px;text-align:center;margin-top:20px;font-family:Metropolis,sans-serif;font-weight:600;display:block;font-size:21px!important}#footer-menu{padding-left:40px;padding-right:40px}#footer-menu li{margin-right:40px}#footer-menu li>a{color:#999;font-size:14px;font-weight:400;line-height:1.5}#footer-menu li>a:hover{color:#04818e}#footer-bottom{border-color:gray}.text-primary-light{color:#666}#footer-socialicon h5,#footer-menu h5{font-size:1rem;font-weight:400;line-height:1.5}#footer-menu h5{margin-bottom:0}#footer-socialicon a+a{margin-left:24px}.bg-primary-darkest{background-color:#f9f9f9!important}.show-video{z-index:99999;background:#fff;border-radius:5px;width:994px;height:559px;margin-left:auto;margin-right:auto;padding:10px;position:fixed;top:20%;left:0;right:0;box-shadow:0 10px 10px -5px #0000000a,0 20px 25px -5px #0000001a}.show-video iframe{width:100%;height:100%}.show-video .close-btn{z-index:9;cursor:pointer;background:#fff;border-radius:50%;width:35px;height:35px;padding:9px 10px;position:absolute;top:-15px;right:-15px;box-shadow:0 10px 10px -5px #0000000a,0 20px 25px -5px #0000001a}.show-video .close-btn svg{cursor:pointer}@media (max-width:576px){footer .container{padding-left:20px;padding-right:20px}#footer-logo img{height:64px}#footer-socialicon{align-items:center;height:64px}#footer-socialicon a+a{margin-left:0}#footer-socialicon a>img{width:32px;height:32px}#footer-socialicon>div{flex-grow:1;justify-content:space-between}#footer-menu{border-top:1px solid #666;margin-top:20px;padding-top:20px;padding-left:0;padding-right:0}}.wrapper .left{flex-direction:row;align-items:center;width:592.33px;height:40px;padding:0;display:flex;position:relative;top:12px;left:0}.wrapper .left .header-menu{flex-direction:row;flex:none;order:1;align-items:flex-start;width:419px;height:22px;margin:0 40px;padding:0;display:flex;position:static;top:9px;left:173.33px}.wrapper .left .header-menu .item{letter-spacing:.1px;color:#000;flex:none;order:0;width:auto;height:22px;margin:0 10px;font-size:14px;font-style:normal;font-weight:400;line-height:22px;position:static;top:0;left:0}.wrapper .left .header-menu .item a{color:#000}.wrapper .right{float:right;flex-direction:row;align-items:flex-start;width:auto;height:28px;padding:0;position:relative;top:-55px;right:0}@media only screen and (min-width:501px) and (max-width:1000px){.wrapper .right{flex-direction:row;align-items:flex-start;width:153px;height:28px;padding:0;display:flex;position:absolute;top:18px;left:77%}}@media only screen and (min-width:1001px) and (max-width:1280px){.wrapper .user-login-info{flex-direction:row;align-items:center;width:auto;height:32px;padding:0;display:flex;position:relative;top:-20px;left:700px!important}.wrapper .right{flex-direction:row;align-items:flex-start;width:153px;height:28px;padding:0;display:flex;position:relative;top:-55px;left:700px!important}}@media only screen and (min-width:1281px) and (max-width:1480px){.wrapper .user-login-info{flex-direction:row;align-items:center;width:auto;height:32px;padding:0;display:flex;position:relative;top:-20px!important;left:1000px!important}.wrapper .right{flex-direction:row;align-items:flex-start;width:153px;height:28px;padding:0;display:flex;position:relative;top:-55px;left:1000px}}.wrapper .right .btn-aksi{text-align:center;color:#000;cursor:pointer;background:#fff;border:none;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:80px;height:28px;margin:0 4px;padding:4px 12px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:relative;top:0;left:0}.btn-masuk{color:#04818e!important;background:#d9ecee!important;border-radius:5px!important}.wrapper .user-login-info{flex-direction:row;align-items:center;width:auto;height:32px;padding:0;display:flex;position:relative;top:-20px;left:1288px}.wrapper .user-login-info .btn-add-new{text-align:center;color:#04818e;cursor:pointer;z-index:9;background:#d9ecee;border:none;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:auto;height:24px;margin:0;padding:2px 8px 2px 5px;font-size:12px;font-style:normal;font-weight:400;line-height:20px;display:flex;position:static;top:4px;right:88px}.wrapper .user-login-info .info{z-index:9;flex-direction:row;flex:none;order:1;align-items:flex-start;width:auto;height:32px;margin:0 16px;padding:0;display:flex;position:static;top:0;left:103px}.wrapper .user-login-info .info .line{border:1px solid #e4e4e7;flex:none;order:0;width:32px;height:0;margin:15px 10px;position:relative;top:0;left:-12px;transform:rotate(90deg)}.wrapper .user-login-info .info .user{cursor:pointer;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:auto;height:32px;margin:0;padding:4px;display:flex;position:relative;top:0;right:32px}.wrapper .user-login-info .info .user b{position:relative;left:5px}.wrapper .user-login-info .info .notif{cursor:pointer;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:auto;height:33px;margin:0;padding:4px;display:flex;position:relative;top:0;right:-65px}.wrapper .user-login-info .info .notif .warp{flex:none;order:1;align-self:stretch;width:auto;height:24px;margin:0 10px;position:absolute;top:4px}.wrapper .user-login-info .info .notif .warp svg{position:relative;top:-5px;right:-5px}.wrapper .user-login-info .message-notif{cursor:pointer;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:auto;height:32px;margin:0;padding:4px;display:flex;position:relative;top:0;right:-5px}.wrapper .user-login-info .message-notif .counter{background:red;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:14px;height:14px;padding:0;display:flex;position:absolute;top:4px;left:18.99px;box-shadow:0 0 0 2px #ff000040}.wrapper .user-login-info .message-notif .counter label{text-align:center;color:#fff;flex:none;order:0;width:12px;height:12px;margin:0;font-family:Inter;font-size:10px;font-style:normal;font-weight:700;line-height:12px;position:static;top:1px;left:1px}.wrapper .notifikasi{z-index:9;width:400px;height:512px;position:absolute;top:41px;right:6%}.wrapper .notifikasi .panel{width:400px;height:500px;position:absolute;top:0;left:0}.wrapper .notifikasi .panel .panel{background:#fff;border-radius:8px;position:absolute;inset:2.34% 0% 0%;box-shadow:0 0 1px #0006,0 2px 24px #0000001a}.wrapper .notifikasi .panel-content{border-radius:8px;width:400px;height:500px;position:absolute;top:12px;left:0}.wrapper .notifikasi .panel-content .header{z-index:9;background:#fff;border-radius:8px 8px 0 0;width:auto;height:88px;position:absolute;top:0;left:0}.wrapper .notifikasi .panel-content .header .title{flex-direction:row;align-items:flex-start;width:400px;height:48px;padding:12px;display:flex;position:absolute;top:0;left:0}.wrapper .notifikasi .panel-content .header .title label{color:#111827;flex:1 0 auto;order:0;width:274px;height:24px;margin:0 8px;font-size:18px;font-style:normal;font-weight:600;line-height:24px;position:static;top:12px;left:12px}.wrapper .notifikasi .panel-content .header .title .btn-aksi{text-align:center;color:#04818e;cursor:pointer;background:#fff;border:none;border-radius:5px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;width:auto;height:24px;margin:0;padding:2px 6px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:flex;position:relative;right:6px}.wrapper .notifikasi .panel-content .header .tabs{background:#fff;flex-direction:row;align-items:flex-end;width:400px;height:40px;padding:0 0 0 4px;display:flex;position:absolute;bottom:0;left:0;box-shadow:inset 0 -1px #e1e3e5}.wrapper .notifikasi .panel-content .header .tabs .item{cursor:pointer;flex-direction:column;flex:none;order:0;align-items:center;width:90px;height:40px;margin:0 4px;padding:0 4px 4px;display:flex;position:static;top:0;left:4px}.wrapper .notifikasi .panel-content .header .tabs .item .line-frame{flex:none;order:1;align-self:stretch;width:82px;height:0;margin:0;position:relative;top:0;left:4px}.wrapper .notifikasi .panel-content .header .tabs .item .line-frame .line{background:#04818e;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-4px;left:0%;right:0%}.wrapper .notifikasi .panel-content .header .tabs .item .content{cursor:pointer;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:82px;height:36px;margin:0;padding:8px;display:flex;position:static;top:0;left:4px}.wrapper .notifikasi .panel-content .header .tabs .item .content label{text-align:center;color:#8b98ab;cursor:pointer;flex:none;order:0;width:66px;height:20px;margin:0;font-size:14px;font-style:normal;font-weight:600;line-height:20px;position:static;top:8px;left:8px}.wrapper .notifikasi .panel-content .header .tabs .item .active label{color:#04818e!important}.wrapper .notifikasi .panel-content .body{z-index:9;-ms-overflow-style:none;scrollbar-width:none;width:400px;height:364px;position:absolute;top:88px;left:0;overflow-x:hidden}.wrapper .notifikasi .panel-content .body::-webkit-scrollbar{display:none}.wrapper .notifikasi .panel-content .body .list{cursor:pointer;flex-direction:column;align-items:flex-start;width:400px;height:100%;padding:0;display:flex;position:absolute;top:0;left:0}.wrapper .notifikasi .panel-content .body .list .empty-state{height:100%!important}.wrapper .notifikasi .panel-content .body .list .item{background:#fff;flex-direction:column;flex:none;order:0;align-items:flex-start;width:400px;height:auto;margin:0;padding:16px 12px;display:flex;position:static;top:0;left:0;box-shadow:0 -1px #e1e3e5,0 1px #e1e3e5}.wrapper .notifikasi .panel-content .body .list .new-item{background:#f0fdfa}.wrapper .notifikasi .panel-content .body .list .item .pesan{color:#4b5563;flex:none;order:1;align-self:stretch;width:376px;height:auto;margin:4px 0;font-size:12px;font-style:normal;font-weight:400;line-height:150%;position:static;top:56px;left:12px}.wrapper .notifikasi .panel-content .body .list .item .pesan p{margin-bottom:0!important}.wrapper .notifikasi .panel-content .body .list .item .title{flex-direction:column;flex:none;order:0;align-self:stretch;align-items:flex-start;width:376px;height:auto;margin:4px 0;padding:0;display:flex;position:static;top:16px;left:12px}.wrapper .notifikasi .panel-content .body .list .item .title .waktu{letter-spacing:-.2px;color:#6b7280;flex:none;order:0;align-self:stretch;width:376px;height:16px;margin:0;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:static;top:0;left:0}.wrapper .notifikasi .panel-content .body .list .item .title .info{color:#04818e;flex:none;order:1;align-self:stretch;width:376px;height:auto;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:static;top:16px;left:0}.wrapper .notifikasi .panel-content .body .list .notif-item{background:#fff;flex-direction:column;flex:none;order:0;align-items:flex-start;width:400px;height:85px;margin:0;padding:0 16px;display:flex;position:static;top:0;left:0}.wrapper .notifikasi .panel-content .body .list .notif-item .frame{background:#fff;border-radius:5px;flex-direction:row;flex:none;order:0;align-items:flex-start;width:368px;height:85px;margin:4px 0;padding:12px;display:flex;position:static;top:0;left:16px}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .avatar{border-radius:24px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:48px;height:48px;margin:15px 5px;padding:1px;display:flex;position:static;top:12px;left:12px}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-detail{flex-direction:column;flex:none;order:1;align-items:flex-start;width:227px;height:61px;margin:0 16px;padding:0;display:flex;position:static;top:12px;left:76px}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-detail .isi{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;flex:none;order:2;width:245px;height:18px;margin:4px 0;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:150%;position:static;top:43px;left:0;overflow:hidden}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-detail .title{flex-direction:column;flex:none;order:1;align-items:flex-start;width:268px;height:20px;margin:4px 0;padding:0;display:flex;position:static;top:19px;left:0}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-detail .title p{color:#111827;flex:none;order:0;width:245px;height:20px;margin:0;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;position:static;top:0;left:0}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-detail .box{flex-direction:row;flex:none;order:0;align-items:center;width:auto;height:15px;margin:4px 0;padding:0;display:flex;position:static;top:0;left:0}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-detail .box .label-status-penawaran{color:#c2410c;background:#fefce8!important}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-detail .box .label-status{background:#ecfdf5;margin:0 7px 0 0;padding:0 10px}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-detail .box .label-status svg{position:relative;top:2px;left:-3px}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-detail .box label{color:#4b5563;font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:150%}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-detail .box p{color:#4b5563;flex:none;order:0;width:148px;height:15px;margin:0;font-family:Inter;font-size:10px;font-style:normal;font-weight:400;line-height:150%;position:static;top:0;left:0}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-time{flex-direction:column;flex:none;order:2;align-items:flex-end;width:27px;height:fit-content;margin:0;padding:0;display:flex;position:static;top:12px;left:329px}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-time .time{letter-spacing:-.2px;color:#6b7280;flex:none;order:0;width:27px;height:16px;margin:8px 0;font-family:Inter;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:static;top:0;left:0}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-time .badge{background:#fee2e2;border-radius:28px;flex-direction:row;flex:none;order:1;align-items:center;width:fit-content;height:16px;margin:0;padding:0 6px;display:flex;position:static;top:24px;left:8px}.wrapper .notifikasi .panel-content .body .list .notif-item .frame .frame-time .badge label{letter-spacing:-.4px;color:#b45309;flex:none;order:0;width:fit-content;height:16px;margin:0;font-family:Inter;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:static;top:0;left:6px}.wrapper .notifikasi .panel-content .add-high-body{height:400px}.wrapper .notifikasi .panel-content .footer{z-index:9;background:#fff;border-radius:0 0 10px 10px;width:400px;height:48px;position:absolute;bottom:0;left:0;box-shadow:0 -4px 16px #0000000d}.wrapper .notifikasi .panel-content .footer .frame{background:#fff;border-radius:0 0 10px 10px;flex-direction:row;align-items:flex-start;width:400px;height:48px;padding:12px;display:flex;position:absolute;top:0;left:0}.wrapper .notifikasi .panel-content .footer .frame .btn-action{text-align:center;color:#04818e;cursor:pointer;background:#fff;border:none;border-radius:5px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:154px;height:24px;margin:0;padding:2px 6px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:flex;position:static;top:12px;left:12px}.wrapper .user-login{width:400px;height:512px;position:absolute;top:41px;right:6%}.wrapper .user-login .panel{width:400px;height:520px;position:absolute;top:0;left:0}.wrapper .user-login .panel .panel{background:#fff;border-radius:8px;position:absolute;inset:2.34% 0% 0%;box-shadow:0 0 1px #0006,0 2px 24px #0000001a}.wrapper .user-login .panel-content{border-radius:8px;width:400px;height:500px;position:absolute;top:12px;left:0}.wrapper .user-login .panel-content .header{z-index:9;flex-direction:row;flex:none;order:0;align-items:center;width:400px;height:80px;margin:0;padding:16px;display:flex;position:absolute;top:12px;left:0}.wrapper .user-login .panel-content .header .btn-keluar{box-sizing:border-box;text-align:center;color:#dc2626;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:5px;flex-direction:row;flex:none;order:2;justify-content:center;align-items:center;width:79px;height:28px;margin:0 8px;padding:4px 4px 4px 6px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:flex;position:absolute;top:20px;right:10px}.wrapper .user-login .panel-content .header .frame{flex-direction:column;flex:1 0 auto;order:1;align-items:flex-start;width:225px;height:48px;margin:0 8px;padding:4px 0;display:flex;position:static;top:16px;left:72px}.wrapper .user-login .panel-content .header .frame .nama{color:#000;flex:none;order:0;align-self:stretch;width:225px;height:20px;margin:2px 0;font-size:16px;font-style:normal;font-weight:400;line-height:20px;position:static;top:4px;left:0}.wrapper .user-login .panel-content .header .frame .email{color:#9ca3af;flex:none;order:1;align-self:stretch;width:225px;height:18px;margin:2px 0;font-size:12px;font-style:normal;font-weight:400;line-height:150%;position:static;top:26px;left:0}.wrapper .user-login .panel-content .header .avatar{background:#0000001a;border-radius:24px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:48px;height:48px;margin:0 8px;padding:1px;display:flex;position:static;top:16px;left:16px}.wrapper .user-login .panel-content .body{z-index:9;flex:none;order:1;width:400px;height:232px;margin:0;position:absolute;top:92px;left:0}.wrapper .user-login .panel-content .body .border-left{box-shadow:inset 0 -1px #e1e3e5,inset 0 1px #e1e3e5,inset 1px 0 #e1e3e5!important}.wrapper .user-login .panel-content .body .menu{float:left;background:#fff;flex-direction:column;align-items:flex-start;width:200px;height:265px;padding:8px 0;display:flex;top:0;left:0;box-shadow:inset 0 -1px #e1e3e5,inset 0 1px #e1e3e5}.wrapper .user-login .panel-content .body .menu .item{cursor:pointer;background:#fff;flex-direction:row;flex:none;order:0;align-self:stretch;align-items:center;width:auto;height:40px;margin:4px 1px;padding:10px 16px;display:flex;position:static;top:8px;left:0}.wrapper .user-login .panel-content .body .menu .item label{color:#1f2937;cursor:pointer;flex:1 0 auto;order:0;width:140px;height:20px;margin:0 8px;font-size:14px;font-style:normal;font-weight:600;line-height:20px;position:static;top:10px;left:16px}.wrapper .user-login .panel-content .body .menu .item .badge{color:#2563eb;text-align:center;background:#dbeafe;border-radius:28px;flex-direction:row;flex:none;order:1;align-items:center;width:20px;height:20px;margin:0;padding:3px;font-size:10px;position:static;left:165px}.wrapper .user-login .panel-content .body .menu .item .badge label{letter-spacing:-.4px;color:#2563eb;flex:none;order:0;width:7px;height:16px;margin:0;font-family:Inter;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:static;top:0;left:6px}.wrapper .user-login .panel-content .footer{z-index:9;background:#fff;border-radius:8px;flex-direction:column;flex:none;order:2;align-items:flex-start;width:400px;height:144px;margin:0;padding:8px 0;display:flex;position:absolute;top:358px;left:0}.wrapper .user-login .panel-content .footer .item{cursor:pointer;background:#fff;flex-direction:row;flex:none;order:0;align-self:stretch;align-items:center;width:400px;height:40px;margin:4px 0;padding:10px 16px;display:flex;position:static;top:8px;left:0}.wrapper .user-login .panel-content .footer .item label{color:#1f2937;cursor:pointer;flex:1 0 auto;order:0;width:368px;height:20px;margin:0 8px;font-size:14px;font-style:normal;font-weight:600;line-height:20px;position:static;top:10px;left:16px}.copy_{text-align:center;background:#f9f9f9;width:100%;height:auto}.frame-footer{width:100%;height:200px}.mobile-menu{display:none}.wrapper .user-login-info,.wrapper .left .header-menu{display:flex}footer .frame{width:1580px;height:300px;margin:0 auto;position:relative;top:0}@media only screen and (min-width:1210px) and (max-width:1680px){.detail-order-panel .scroll .the-doos-item .left .frame .info .item{flex-direction:column;flex:none;order:0;justify-content:center;align-items:flex-start;width:auto;height:36px;margin:0 25px;padding:0;display:flex;position:static;top:0;left:0}footer .frame{width:95%;height:300px;margin:0 auto;position:relative;top:0}.frame-svg{background:0 0;width:93px;height:35px;position:relative;top:76px;left:0}footer .frame .frame-item{float:left;width:20%;height:133px;position:relative;top:40px;left:150px}}@media only screen and (min-width:801px) and (max-width:1200px){.frame-footer{width:100%;height:200px;margin:0 auto;position:relative;top:40px}footer .frame .frame-item{float:left;width:20%;height:133px;margin:0 1px;position:relative;top:25px;left:0}.copy_{text-align:center;background:#f9f9f9;width:100%;height:auto;position:relative;top:30px}.frame-svg{width:94px;height:34px}.frame-svg svg{width:100%;float:left!important;position:relative!important;top:10px!important;left:15px!important}footer{height:300px;bottom:0;left:0;top:unset;z-index:9;background:#e1e3e5;margin-top:100px;position:relative;width:100%!important}footer .frame{width:85%;height:300px;margin:0 auto;position:relative;top:0}.frame-svg{background:0 0;width:93px;height:35px;position:relative;top:5px!important;left:0!important}}@media only screen and (min-width:501px) and (max-width:800px){footer .frame .frame-item{float:left;width:10%;height:133px;position:relative;top:45px;left:-80px}.copy_{text-align:center;background:#f9f9f9;width:40%;height:auto}footer{background:#e1e3e5;height:300px;position:relative;top:100px;left:0;width:2000px!important}footer .frame{width:95%;height:300px;position:relative;top:0}.frame-svg{background:0 0;width:93px;height:35px;position:relative;top:20px!important;left:17px!important}}@media only screen and (max-width:500px){footer{background:#e1e3e5;width:100%;height:300px;position:relative;top:100px;left:0}footer .frame{width:100%;height:300px;position:relative;top:0}footer .frame svg{float:left;position:absolute;top:40px;left:40px}footer .frame .frame-item{clear:both;clear:both;width:100%;height:160px;margin:17px 25px;position:relative;top:55px;left:-5px}.adj-footer{right:0;float:right!important;position:relative!important;top:-335px!important;left:250px!important}footer .frame .frame-item .judul{color:#121212;opacity:.5;width:auto;height:25px;font-size:16px;font-style:normal;font-weight:600;line-height:25px;position:relative;top:0;left:0}footer .frame .frame-item .menu{flex-direction:column;align-items:flex-start;width:160px;height:auto;padding:0;display:flex;position:relative;top:12px;left:0}footer .frame .frame-item .menu .item,footer .frame .frame-item .menu .item a{letter-spacing:.1px;color:#000;cursor:pointer;flex:none;order:1;width:100%;height:auto;margin:4px 0;font-size:14px;font-style:normal;font-weight:400;line-height:22px;position:relative;top:0;left:0}.copy_{text-align:center;background:#f9f9f9;width:100%;height:auto}.wrapper .user-login-info,.wrapper .left .header-menu,.wrapper .right{display:none}.mobile-menu{cursor:pointer;display:block;position:fixed;right:20px}.list-menu-mobile{z-index:99999;background:#fff;border-radius:0;width:70%;height:auto;position:fixed;top:50px;right:15px;box-shadow:0 0 1px #0006,0 2px 24px #0000001a}.list-menu-mobile .items{padding:10px}.list-menu-mobile .items a{letter-spacing:.1px;color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.frame-svg{background:0 0;position:relative;width:200px!important;top:30px!important;left:-10px!important}}.list-alamat-height{height:calc(100dvh - 250px)}.list-alamat-height .scrol{height:100%!important}.list-alamat-height .empty-state-alamat{color:#000;font-size:14px;font-weight:400;line-height:19.2px}.list-alamat .btn-frame .btm-cancel:hover{border:1px solid #94a3b8;border-radius:9px}.list-alamat .btn-frame .btm-ok:hover{background:#0f766e;border-radius:9px}.list-alamat{z-index:9;background:#fff;border-radius:5px;flex-direction:column;align-items:flex-start;width:540px;padding:8px 0;display:flex;box-shadow:0 0 1px #0006,0 2px 24px #0000001a}.list-alamat .box-header{background:#fff;border-bottom:thin solid #d1d5db;justify-content:space-between;align-items:center;width:100%;padding:24px}.list-alamat .box-header label{color:#0c0c0c;letter-spacing:.2px;font-family:Inter;font-size:21px;font-style:normal;font-weight:600;line-height:160%}.list-alamat .box-header button{color:#64748b;letter-spacing:.2px;background:#fff;border:1px dashed #e2e8f0;border-radius:8px;justify-content:center;align-self:stretch;align-items:center;gap:8px;margin-top:-40px;padding:8px;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%;display:flex;position:absolute;right:20px}.list-alamat .scrol{width:100%;height:200px;padding:20px;overflow-y:auto}.list-alamat .scrol .items{cursor:pointer;border:1px solid var(--Blue-Gray-50,#f8fafc);background:var(--White,#fff);border-radius:4px;flex-direction:row;flex:none;order:0;align-self:stretch;align-items:center;width:100%;height:auto;margin:4px 0;padding:10px 16px;display:flex;position:static;top:8px;left:0;box-shadow:0 0 1px #0000001a,0 2px 8px #0000000d,0 0 10px #00000003}.list-alamat .scrol .items .area input[type=radio]{float:right;border-radius:50%;margin-top:-9%;position:relative;right:-35px}.list-alamat .scrol .items .area input[type=radio]:checked{color:#fff;background:#fff;margin-right:0}.list-alamat .scrol .items .area input[type=radio]:checked:before{content:"";background-color:#04818e;border-radius:50%;width:8px;height:8px;position:absolute;bottom:2px;left:2px}.list-alamat .scrol .items .active{background:#e6eff0}.list-alamat .scrol .items:hover,.list-alamat .scrol .items-active,.list-alamat .scrol .active{background:#f8fafc}.list-alamat .btn-frame{padding:26px 24px}.list-alamat .btn-frame .btm-cancel{color:#64748b;text-align:center;letter-spacing:.2px;border:1px solid #d1d5db;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:140px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;display:flex}.list-alamat .btn-frame .btm-ok{color:#fff;text-align:center;letter-spacing:.2px;background:#0d9488;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:140px;margin-top:-50px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;display:flex;position:absolute;right:20px}.list-alamat .tambah-alamat{background:#fff;flex-direction:row;flex:none;order:3;align-self:stretch;align-items:center;width:404px;height:72px;margin:4px 0;padding:10px 16px;display:flex;position:static;top:272px;left:0}.list-alamat .tambah-alamat .border{box-sizing:border-box;cursor:pointer;border:1px dashed #d9ecee;border-radius:5px;flex-direction:column;flex:none;order:0;justify-content:center;align-items:center;width:372px;height:52px;margin:0 4px;padding:16px;display:flex;position:static;top:10px;left:16px}.list-alamat .tambah-alamat .border label{color:#1f2937;cursor:pointer;flex:none;order:0;width:168px;height:20px;margin:4px 0;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;position:static;top:16px;left:102px}.list-alamat .scrol .items .area{cursor:pointer;width:385px;height:auto;margin:0 4px;padding:0;position:static}.list-alamat .scrol .items .area .div-courir{height:25px!important}.list-alamat .scrol .items .area .div-courir img{max-width:50px;height:auto;max-height:20px;position:relative}.list-alamat .scrol .items .area .div-courir b{margin-left:70px;position:relative;top:-18px}.rincian-co .box-ch-kurir .kurir{height:25px!important}.rincian-co .box-ch-kurir .kurir img{height:20px;position:relative}.rincian-co .box-ch-kurir .kurir b{margin-left:67px;position:relative;top:-25px}.rincian-co .box-ch-kurir .kurir .bHarga{margin-left:0!important}.list-alamat .scrol .items .area div{color:#7a7a7a;order:1;height:auto;margin:4px 0;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:15px}.list-alamat .scrol .items .area label{color:#7a7a7a;cursor:pointer;flex:none;order:1;width:344px;height:auto;margin:4px 0;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:15px;position:static;top:24px;left:0}.tab-login-menu{float:right;flex-direction:row;flex:none;order:0;align-items:flex-start;gap:8px;width:auto;height:32px;padding:0;display:flex;position:relative;top:5px;right:0}.tab-login-menu .items-new-login{cursor:pointer;flex-direction:row;flex:none;order:0;align-items:flex-start;width:auto;height:32px;padding:4px;display:flex}.tab-login-menu .items-new-login .total-data-cart{color:#fff;text-align:center;background:red;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:-5px;margin-left:-10px;font-family:Inter;font-size:9px;font-style:normal;font-weight:700;line-height:normal;display:flex;box-shadow:0 0 0 2px #ff000040}.tab-login-menu .items-new-login .groups{cursor:pointer;flex:none;order:0;width:auto;height:24px}.tab-login-menu .items-new-login .groups .count{background:red;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:14px;height:14px;margin-top:-4px;margin-left:18.9px;padding:0;display:flex;position:absolute;box-shadow:0 0 0 2px #ff000040}.tab-login-menu .items-new-login .groups .count .lbl-count{text-align:center;color:#fff;flex:none;order:0;width:12px;height:12px;font-family:Inter;font-size:10px;font-style:normal;font-weight:700;line-height:12px}.tab-login-menu .items-new-login .groups img{cursor:pointer}.tab-login-menu .items-new-profle{cursor:pointer;border-radius:5px;flex-direction:row;flex:none;order:4;justify-content:center;align-items:center;gap:8px;width:auto;height:32px;padding:4px;display:flex}.user-login-name{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden}.tab-login-menu .items-new-profle .line-space{border:1px solid #e4e4e7;width:32px;height:0;transform:rotate(90deg)}.tab-login-menu .items-new-profle img{cursor:pointer;flex:none;order:0;width:24px;height:24px}.tab-login-menu .items-new-profle label{text-align:center;letter-spacing:.2px;color:#000;cursor:pointer;flex:none;order:1;width:auto;height:20px;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px}.pp-frame{min-height:900px!important}.pp-frame .pp-time{width:475px;height:195px;margin:0 auto;position:relative}.pp-frame .pp-time-token{height:40px!important}.pp-frame .pp-time .pp-header{text-align:center;width:100%;height:fit-content;margin-bottom:20px}.pp-frame .pp-time .pp-header .pp-info{text-align:center;letter-spacing:.2px;color:#0c0c0c;width:100%;height:43px;font-family:Inter;font-size:22px;font-style:normal;font-weight:700;line-height:160%}.pp-frame .pp-time .pp-header .pp-times{letter-spacing:.2px;color:red;width:100%;height:43px;font-family:Inter;font-size:22px;font-style:normal;font-weight:700;line-height:160%}.pp-frame .pp-time .pp-bottom{text-align:center;width:100%;height:fit-content}.pp-frame .pp-time .pp-bottom .pp-label{letter-spacing:.2px;color:#64748b;width:100%;height:26px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.pp-frame .pp-time .pp-bottom .pp-date-time{letter-spacing:.2px;color:#0c0c0c;width:100%;height:43px;font-family:Inter;font-size:22px;font-style:normal;font-weight:600;line-height:160%}.pp-frame .pp-desc-frame{width:760px;height:484px;margin:0 auto;position:relative}.pp-frame .pp-desc-frame .pp-box{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;height:fit-content;margin-top:10px;box-shadow:0 0 1px #0000001a,0 2px 8px #0000000d,0 0 10px #00000003}.pp-frame .pp-desc-frame .pp-box .freame-qr{text-align:center;padding:25px}.pp-frame .pp-desc-frame .pp-box .freame-qr .qr-label{color:#0c0c0c;letter-spacing:.2px;font-family:Inter;font-size:21px;font-style:normal;font-weight:600;line-height:160%}.pp-frame .pp-desc-frame .pp-box .freame-qr .qr-area{border:2px solid #0d9488;border-radius:9px;width:200px;height:200px;margin:15px auto 0;padding:5px;position:relative}.pp-frame .pp-desc-frame .pp-box .freame-qr .qr-button{color:#0d9488;text-align:center;letter-spacing:.2px;border:1px solid #d1d5db;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:200px;margin-top:10px;padding:10px 24px 13px 22px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;position:relative}.pp-frame .pp-desc-frame .pp-box .freame-qr .qr-button svg{float:right;position:relative;right:15%}.pp-frame .pp-desc-frame .pp-box .pp-tops{border-bottom:thin solid #d1d5db;width:100%;height:fit-content}.pp-frame .pp-desc-frame .pp-box .pp-tops .pp-bank-name{letter-spacing:.2px;color:#0c0c0c;width:100%;height:fit-content;padding:18px;font-family:Inter;font-size:22px;font-style:normal;font-weight:700;line-height:160%}.pp-frame .pp-desc-frame .pp-box .pp-tops .pp-bank-name label{text-transform:uppercase}.pp-frame .pp-desc-frame .pp-box .pp-desc{width:100%;height:100px;padding:18px}.pp-frame .pp-desc-frame .pp-box .pp-desc-token{height:120px!important}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va{width:100%;height:fit-content}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va-margin{margin-top:40px}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va .pp-info-label-token{color:#0c0c0c;letter-spacing:.2px;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:160%}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va .pp-info-button-token{color:#fff;background:#0d9488;border-radius:9px;justify-content:center;align-items:center;margin:40px auto 0;padding:12px 24px;font-weight:600;display:flex;position:relative}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va .pp-left{float:left;width:50%;height:fit-content}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va .pp-center{float:left;text-align:center;width:100%;height:fit-content}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va .pp-left .pp-va-label{letter-spacing:.2px;color:#64748b;width:100%;height:26px;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va .pp-left .pp-no-va-center{margin:0 auto;position:relative}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va .pp-left .pp-no-va{letter-spacing:.2px;color:#0c0c0c;width:fit-content;height:43px;font-family:Inter;font-size:22px;font-style:normal;font-weight:600;line-height:160%}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va .pp-left .pp-no-va svg{cursor:pointer;float:right;position:relative;top:3px;left:20px}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va .pp-right{float:right;cursor:pointer;width:80px;height:fit-content;position:relative;top:18px}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va .pp-right .pp-copy-paste{letter-spacing:.2px;color:#0d9488;cursor:pointer;width:auto;height:26px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%;position:relative}.pp-frame .pp-desc-frame .pp-box .pp-desc .pp-info-va .pp-right .pp-copy-paste svg{float:right;cursor:pointer}.pp-frame .pp-desc-frame .pp-button-frame{width:100%;height:50px;margin-top:20px}.pp-frame .pp-desc-frame .pp-button-frame .pp-dashboard{text-align:center;letter-spacing:.2px;color:#0d9488;cursor:pointer;border:1px solid #d1d5db;border-radius:9px;width:328px;height:50px;padding:12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.pp-frame .pp-desc-frame .pp-button-frame .pp-pesan-lagi{text-align:center;letter-spacing:.2px;color:#fff;cursor:pointer;float:right;background:#0d9488;border:none;border-radius:9px;gap:8px;width:328px;height:50px;padding:12px 20px 12px 24px;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:160%}.pp-add-mt{margin-top:10px}.pp-add-mb{margin-bottom:10px}.layout-card-instant a:hover{color:#1a202c!important}.chakra-toast__inner{max-width:fit-content!important}#chakra-toast-manager-top{margin-top:180px!important}body.cs-toast #chakra-toast-manager-top{width:max-content;max-width:90vw;transform:translate(-50%);align-items:center!important;margin-top:12px!important;left:50%!important;right:auto!important}body.cs-toast #chakra-toast-manager-top .chakra-toast,body.cs-toast #chakra-toast-manager-top .chakra-toast__inner{width:fit-content!important;min-width:0!important;max-width:min(360px,90vw)!important;margin-left:auto!important;margin-right:auto!important}@media only screen and (min-width:1px) and (max-width:820px){.list-alamat .scrol .items .area label{width:20px!important;height:20px!important}.list-alamat .scrol .items .area input[type=radio]{inset:0}}
.table-invoice{width:60%;margin:0 auto;font-size:12px;position:relative}.table-invoice tr td img{float:left;width:100px}.table-invoice tr td label{float:left;width:100%}.center-text-18{text-align:center;font-size:18px}.center-text-12{text-align:center;font-size:12px}.width-50{width:50px}.width-80{width:80px}.width-120{width:120px}.width-400{width:400px}.border-top td{border-top:2px solid #000}.txt-capitalize{text-transform:capitalize}.label-info-invoice{text-align:right;position:relative;right:5px}.td-vertical-align{vertical-align:baseline}.td-text-right{text-align:right}.p-info-invoice-kanan{margin:0}.p-info-invoice-kanan:before{content:": "}.p-info-invoice-alamat{position:relative;left:5px}.image-invoice{float:left;position:relative;left:-8px}.td-label-invoice{text-align:right}.td-label-invoice h4{letter-spacing:2px;margin:0}.td-label-invoice span{text-align:right;font-size:.857143rem;font-weight:500}.tombol-cetak-invoice{text-align:center;letter-spacing:.2px;color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:9px;flex-direction:row;flex:none;order:0;justify-content:center;align-items:center;width:fit-content;height:40px;padding:12px 24px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:160%;display:flex;position:absolute;right:3%;flex-grow:0!important}.header-menu-invoice{box-sizing:border-box;border-bottom:1px solid #e2e8f0;height:82px;position:absolute;top:0;left:0;width:100%!important}.center-invoice-header{height:100%;padding:22px;width:100%!important}.center-invoice-header svg{float:left;margin-left:30px}.btn-bagikan-invoice{color:#0d9488;background:0 0;border:1px solid #d1d5db;right:150px}#pdfdiv{padding:10px}#pdfdiv td{font-size:18px}#pdfdiv .panel-input .table-invoice .padding td{padding:5px;font-size:18px}@media only screen and (min-width:1441px){#pdfdiv td{font-size:18px}#pdfdiv .panel-input .table-invoice .padding td{padding:5px;font-size:18px}}@media only screen and (min-width:1200px) and (max-width:1440px){#pdfdiv td{font-size:14px}#pdfdiv .panel-input .table-invoice .padding td{padding:5px;font-size:14px}}@media only screen and (min-width:801px) and (max-width:1200px){#pdfdiv td{font-size:12px}#pdfdiv .panel-input .table-invoice .padding td{padding:5px;font-size:12px}}@media only screen and (max-width:800px){#pdfdiv td{font-size:12px}#pdfdiv .panel-input .table-invoice .padding td{padding:5px;font-size:12px}}
.modal-after-payment{background:#fff;flex-direction:column;align-items:flex-start;width:30%;height:auto;margin:0 auto;padding:0;display:flex;position:relative;top:200px;box-shadow:10px -15px 7px #0000000a,0 20px 25px -5px #0000001a;min-height:0!important}.modal-after-payment .modal-header{background:#fff;border-radius:8px 8px 0 0;flex-direction:row;flex:none;order:0;align-self:stretch;align-items:center;width:100%;height:56px;margin:-4px 0;padding:16px;display:flex;position:static;top:-12px;left:0;box-shadow:inset 0 -1px #ebeff5}.modal-after-payment .modal-header label{color:#374151;flex:1 0 auto;order:0;width:568px;height:24px;margin:0 16px;font-size:18px;font-style:normal;font-weight:400;line-height:24px;position:static;top:16px;left:16px}.modal-after-payment .modal-footer{background:#fafafa;border-radius:0 0 8px 8px;flex-direction:row;flex:none;order:2;justify-content:flex-end;align-self:stretch;align-items:center;width:100%;height:68px;margin:0;padding:16px;display:flex;position:static;top:480px;left:0;box-shadow:inset 0 -1px #ebeff5}.modal-after-payment .modal-footer .action{flex-direction:row;flex:none;order:0;align-items:flex-start;width:auto;height:36px;margin:0 8px;padding:0;display:flex;position:static;top:16px;left:483px}.modal-after-payment .modal-footer .action .button{color:#fff;cursor:pointer;background:#04818e;border:none;border-radius:5px;flex-direction:row;flex:none;order:1;justify-content:center;align-items:center;width:auto;height:36px;margin:0 12px;padding:8px 12px;display:flex;position:static;top:0;left:0}.modal-after-payment .error{background:#fee2e2!important}.modal-after-payment .header{background:#d1fae5;flex:none;order:0;width:100%;height:256px;margin:0;position:static;top:0;left:0}.modal-after-payment .header .ilustrasi{width:180px;height:180px;margin:0 auto;position:relative;top:38px}.modal-after-payment .body{flex-direction:row;flex:none;order:1;align-items:flex-start;width:100%;height:auto;margin:0;padding:24px 16px;position:static;top:256px;left:0}.modal-after-payment .body p{color:#374151;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.modal-after-payment .body .margin-0{margin:0!important}
.empty-state{text-align:center;flex-flow:wrap;justify-content:space-around;align-items:center;width:100%;height:475px;display:flex}.empty-card{color:#18181b;max-width:100%;font-size:16px;font-weight:400;line-height:24px}