@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);
body{background-color:#f6f6f6;font-family:Roboto,sans-serif;font-size:13px}::-moz-placeholder{color:#b7b7b7!important}::placeholder{color:#b7b7b7!important}input[type=number]{-moz-appearance:textfield}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-14{font-size:14px!important}.fs-15{font-size:15px!important}.fs-16{font-size:16px!important}.fs-22{font-size:1.69em!important}.fw-500{font-weight:500}.text-secondary{color:#707070!important}.text-danger{color:#d00a1a}.btn-danger{background-color:#d00a1a;color:#fff}.btn-danger:hover{background-color:#e9091b;color:#fff}.vertical-divider{border-right:1px solid #e4e6e8;height:10px}.img-fluid{width:100%;width:-moz-available;width:-webkit-fill-available;width:stretch}.w150px-lgw100{width:150px}@media (max-width:1199.98px){.w150px-lgw100{width:100%}}.w250px-mdw100{width:250px!important}@media (max-width:991.98px){.w250px-mdw100{width:100%!important}}.w350px-smw100{width:350px}@media (max-width:767.98px){.w350px-smw100{width:100%}}.heading{color:#000;font-size:1.46em;font-weight:500;margin-bottom:.3rem}.text-bold-secondary{font-weight:500}.text-bold-secondary,.text-regular-secondary{color:#707070;font-size:1em;line-height:18px;margin-bottom:.3rem}.text-regular-secondary{font-weight:400}.common-card{background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.07)}.accordion-button.collapsed:after,.accordion-button:not(.collapsed):after{background-image:unset;color:#707070;content:"\f078";font-family:Font Awesome\ 5 Free;font-weight:600}.form-switch .form-check-input{background-color:#b7b7b7;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");border:0;box-shadow:none;cursor:pointer;height:26px;width:53px}.form-switch .form-check-input:checked{background-color:#4dbd8f}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.img-empty{image-rendering:pixelated;image-rendering:crisp-edges}.select2-container--default .select2-selection--single{border:1px solid #ced4da!important;height:auto!important;min-height:36.5px;padding:.375rem .75rem}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#212529!important;font-size:15px!important;font-weight:400;line-height:1.5!important}.select2-container--default .select2-selection--single .select2-selection__arrow{right:6px!important;top:6px!important}.topbar{box-shadow:0 2px 6px 0 rgba(0,0,0,.07);position:sticky;top:0;z-index:999}.btn-account{display:contents;margin-right:25px;position:relative}.btn-account:after{border-right:1px solid #ededed;content:"";height:100%;pointer-events:none;position:absolute;right:-25px;top:0}#appsDropdownContent{width:max-content;width:-moz-max-content}#appsDropdownContent .row>.col-4{width:-moz-min-content;width:min-content}#appsDropdownContent .row>.col-4 a{display:grid;text-align:center;text-decoration:none;width:80px}#appsDropdownContent .row>.col-4 a .icon-container{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;margin-left:auto;margin-right:auto;width:50px}#appsDropdownContent .row>.col-4 a .icon-container svg{stroke-width:1;color:#fff}#appsDropdownContent .row>.col-4 a span{color:#707070;font-size:16px;font-weight:500;line-height:1.31;margin-top:15px}#appsDropdownContent .row>.col-4 a:hover span{color:#000}#appsDropdownContent .row:first-child .col-4:first-child .icon-container{background-image:linear-gradient(to bottom left,#7981ec,#5c6cc7)}#appsDropdownContent .row:first-child .col-4:nth-child(2) .icon-container{background-image:linear-gradient(to bottom left,#b2cf7c,#7daf54)}#appsDropdownContent .row:first-child .col-4:nth-child(3) .icon-container{background-image:linear-gradient(to bottom left,#ff7944,#ff4423)}#appsDropdownContent .row:nth-child(2) .col-4:first-child .icon-container{background-image:linear-gradient(to bottom left,#28e6f0,#07c4d6)}#appsDropdownContent .row:nth-child(2) .col-4:nth-child(2) .icon-container{background-image:linear-gradient(to bottom left,#ffd97d,#ffb546)}#appsDropdownContent .row:nth-child(2) .col-4:nth-child(3) .icon-container{background-image:linear-gradient(to bottom left,#389dea,#2779c5)}#appsDropdownContent .row:nth-child(3) .col-4:first-child .icon-container{background-image:linear-gradient(to bottom left,#7fc1e8,#37acef)}#appsDropdownContent .row:nth-child(3) .col-4:nth-child(2) .icon-container{background-image:linear-gradient(to bottom left,#919d9c,#757c7b)}#notificationDropdown span{background-color:#d00a1a;border-radius:50%;color:#fff;font-size:12px;font-weight:600;height:18px;left:5px;position:absolute;top:0;width:18px}#notificationDropdownContent{max-width:450px;min-width:400px;width:max-content;width:-moz-max-content}#notificationDropdownContent #btnClearNotification{color:#528ce9;font-size:14px;padding:0}#notificationDropdownContent #btnClearNotification:hover{color:#005ce9}#notificationDropdownContent .notification-container{display:flex;text-decoration:none}#notificationDropdownContent .notification-container:hover{background-color:#fafafa}#notificationDropdownContent .notification-container .ratio-1x1{align-items:center;background-color:#d00a1a;color:#fff;display:flex;font-size:8px;font-weight:600;height:45px;line-height:1.25;text-align:center;width:45px}#notificationDropdownContent .notification-container .ratio-1x1.has-notification:after{background-color:#d00a1a;border:1px solid #fff;border-radius:50%;content:"";height:8px;position:absolute;right:-1px;top:-1px;width:8px}#notificationDropdownContent .notification-container h6:first-child{color:#000}#notificationDropdownContent .notification-container h6:nth-child(2),#notificationDropdownContent .notification-container p{color:#707070}#navbarNav{border-bottom:1px solid #ededed;position:sticky;top:58px;z-index:998}#sidebarMenu{box-shadow:0 2px 6px 0 rgba(0,0,0,.07);height:100%;min-height:calc(100vh - 56px);overflow:hidden;transition:width .35s ease;width:240px}#sidebarMenu.in{width:0}#sidebarMenu .accordion .accordion-button{color:#707070}#sidebarMenu .accordion .accordion-button .has-notification:after{background-color:#d00a1a;border-radius:50%;content:"";height:8px;margin-left:10px;position:absolute;width:8px}#sidebarMenu .accordion .accordion-body>a{color:#000;font-size:14px;outline:none;padding:3px 0;text-decoration:none}#sidebarMenu .accordion .accordion-body>a:hover{color:#d00a1a}#sidebarMenu .accordion .accordion-body>a.active{color:#d00a1a;font-weight:600}#sidebarMenu.inbox{margin-top:1.5rem;min-height:auto;position:sticky;top:58px}#sidebarMenu.inbox .notification-list{align-items:center;-webkit-align-items:center;color:#000;display:flex;font-size:14px;justify-content:space-between;-webkit-justify-content:space-between;outline:none;padding:.7rem 0;text-decoration:none}#sidebarMenu.inbox .notification-list:hover{color:#d00a1a!important}#sidebarMenu.inbox .notification-list.active{color:#d00a1a;font-weight:500}#sidebarMenu.inbox .notification-list .has-notification{background-color:#d00a1a;border-radius:50%;color:#fff;font-size:13px;font-weight:400;height:21px;text-align:center;width:21px}@media (max-width:767.98px){#sidebarMenu{position:fixed;width:0;z-index:997}#sidebarMenu.in{width:240px}}#sidebarOverlay{background:rgba(0,0,0,.7);display:none;height:100vh;opacity:0;position:fixed;z-index:996}#sidebarOverlay.in{display:block;opacity:1}#section-1 .col{position:relative}#section-1 .col:not(:last-child):after{border-right:1px solid #ededed;content:"";height:100%;position:absolute;right:0}#section-3 #promotionTab{border-bottom:1px solid #707070}#section-3 #promotionTab .nav-link{background:transparent;border:none;border-bottom:3px solid transparent;color:#707070;font-size:16px;font-weight:500;outline:none;position:relative}#section-3 #promotionTab .nav-link.active{border-bottom:3px solid #d00a1a;color:#d00a1a}#section-3 #promotionTab .nav-link.has-notification:after{background-color:#d00a1a;border-radius:50%;content:"";height:8px;margin-left:10px;position:absolute;width:8px}#section-3 #promotionTabContent .tab-pane{border:1px solid #707070;border-top:none;padding:1rem}#section-3 #promotionTabContent .tab-pane #calendar{border-right:1px solid #707070}@media (max-width:991.98px){#section-3 #promotionTabContent .tab-pane #calendar{border-bottom:1px solid #707070;border-right:none}}#section-3 #promotionTabContent .tab-pane .fc-toolbar-title{font-size:1.23rem}#section-3 #promotionTabContent .tab-pane .fc-next-button,#section-3 #promotionTabContent .tab-pane .fc-prev-button{background:transparent;border:none;box-shadow:none;color:#707070}#section-3 #promotionTabContent .tab-pane .fc-next-button:hover,#section-3 #promotionTabContent .tab-pane .fc-prev-button:hover{background:#ededed}#section-3 #promotionTabContent .tab-pane .fc-prev-button{margin-left:1rem}#section-3 #promotionTabContent .tab-pane .fc-next-button{margin-right:1rem}#section-3 #promotionTabContent .tab-pane .fc-scrollgrid-section>td{border:none}#section-3 #promotionTabContent .tab-pane .fc .fc-daygrid-day-top{justify-content:center}#section-4 #performanceTab{border-bottom:1px solid #707070}#section-4 #performanceTab .nav-link{background:transparent;border:none;border-bottom:3px solid transparent;color:#707070;font-size:16px;font-weight:500;outline:none;position:relative}#section-4 #performanceTab .nav-link.active{border-bottom:3px solid #d00a1a;color:#d00a1a}#section-4 #performanceTab .nav-link.has-notification:after{background-color:#d00a1a;border-radius:50%;content:"";height:8px;margin-left:10px;position:absolute;width:8px}#section-4 #performanceTabContent #performanceTable{border:1px solid #707070}#section-4 #performanceTabContent #performanceTable thead{background-color:#f6f6f6;border:1px solid #707070}#section-4 #performanceTabContent #performanceTable thead th{color:#707070;font-weight:400}#section-4 #performanceTabContent #performanceTable tbody{padding-left:10px;padding-right:10px}#section-4 #performanceTabContent #performanceTable tbody tr td:not(:first-child){color:#707070}#section-4 #performanceTabContent #performanceTable tbody tr:not(:last-child){border-bottom:1px solid #707070}#section-5 .highcharts-data-labels>.highcharts-label>span{top:-39px!important}.inbox-heading{align-items:center;-webkit-align-items:center;border-bottom:1px solid #707070;display:flex;justify-content:space-between;-webkit-justify-content:space-between;padding-bottom:1.5rem}.inbox-notification{height:100%}.inbox-notification .inbox-empty{align-items:center;-webkit-align-items:center;display:flex;height:calc(100% - 3em);justify-content:center;-webkit-justify-content:center}.inbox-notification .inbox-empty span{color:#707070}.inbox-notification .notification-container{display:flex;text-decoration:none}.inbox-notification .notification-container:not(:first-child){border-top:1px solid #707070}.inbox-notification .notification-container.unread a.text-decoration-none{display:block}.inbox-notification .notification-container.unread a.text-decoration-none h6,.inbox-notification .notification-container.unread a.text-decoration-none p{color:#000}.inbox-notification .notification-container.unread a.text-decoration-none:hover h6,.inbox-notification .notification-container.unread a.text-decoration-none:hover p{color:#528ce9}.inbox-notification .notification-container .ratio-1x1{align-items:center;-webkit-align-items:center;background-color:#d00a1a;border-radius:3px;color:#fff;display:flex;font-size:8px;font-weight:600;height:45px;justify-content:center;-webkit-justify-content:center;line-height:1.25;padding:2px;text-align:center;width:45px}.inbox-notification .notification-container .ratio-1x1.performa{background-color:#0f9f99}.inbox-notification .notification-container .ratio-1x1.performa:after{content:"\f0a1";font-family:Font Awesome\ 5 Free;font-size:25px;font-weight:900}.inbox-notification .notification-container .ratio-1x1.has-notification:after{background-color:#d00a1a;border:1px solid #fff;border-radius:50%;content:"";height:8px;position:absolute;right:-4px;top:-4px;width:8px}.inbox-notification .notification-container a.text-decoration-none{display:block}.inbox-notification .notification-container a.text-decoration-none h6{color:#000;font-weight:500}.inbox-notification .notification-container a.text-decoration-none p{color:#707070;font-weight:400}.inbox-notification .notification-container a.text-decoration-none:hover h6,.inbox-notification .notification-container a.text-decoration-none:hover p{color:#528ce9}.inbox-notification .notification-container span{color:#707070}#perluDikirim .custom-tab-content-2 :first-child label{font-size:15px}#perluDikirim .custom-tab-content-2 :first-child select{border-color:#707070;font-size:15px;width:230px}#perluDikirim .custom-tab-content-2 :first-child .btn-danger{background-color:#d00a1a;border:none;font-size:15px}#perluDikirim .custom-tab-content-2 :first-child .btn-danger:hover{background-color:#dc3545;color:#fff}.filter-pengiriman input{margin:4px}.filter-pengiriman input:focus+.btn{box-shadow:none}.filter-pengiriman input:checked+.btn{border:1px solid #d00a1a;color:#d00a1a}.filter-pengiriman .btn{border:1px solid #707070;border-radius:0;color:#000;font-size:14px;margin:4px;padding:3px 20px}.pagination .page-link{border:none;color:#000;font-size:16px}.pagination .page-link.disabled{color:#707070}.pagination .page-link.disabled:hover{background-color:#fff}.pengaturan-pengiriman .jasa-kirim .accordion{border-bottom:1px solid #707070;padding-bottom:1.5rem}.pengaturan-pengiriman .jasa-kirim .accordion .accordion-item{border:1px solid #707070;border-radius:3px;margin:18px 0}.pengaturan-pengiriman .jasa-kirim .accordion .accordion-item .accordion-header{position:relative}.pengaturan-pengiriman .jasa-kirim .accordion .accordion-item .accordion-header .accordion-button{background-color:#fff;border:none;border-radius:3px;box-shadow:none;color:#000;font-size:16px;font-weight:500;outline:none}.pengaturan-pengiriman .jasa-kirim .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){border-bottom:1px solid #707070;border-bottom-left-radius:0;border-bottom-right-radius:0}.pengaturan-pengiriman .jasa-kirim .accordion .accordion-item .accordion-body{color:#000;font-size:15px}.pengaturan-pengiriman .jasa-kirim .accordion .accordion-item .accordion-body .aktifkanJasaKirim{border-left:1px solid #707070}@media (max-width:767.98px){.pengaturan-pengiriman .jasa-kirim .accordion .accordion-item .accordion-body .aktifkanJasaKirim{border-left:none;border-top:1px solid #707070;padding-top:1rem}}.pengiriman-switch{cursor:pointer;position:absolute;right:55px;top:10px;z-index:99}#modalPeriksaRincian .list-pesanan .row:not(:first-child){padding-top:10px}#modalPeriksaRincian .list-pesanan .row:not(:last-child){border-bottom:1px dashed rgba(0,0,0,.15);padding-bottom:10px}#modalPeriksaRincian .list-pesanan .col-6:first-child{border-right:1px solid rgba(0,0,0,.15)}#modalPeriksaRincian .list-pesanan .product-ordered{display:flex;justify-content:start;text-decoration:none}#modalPeriksaRincian .info-pesanan .col-8{border-right:1px solid rgba(0,0,0,.15)}#modalPeriksaRincian .status-pesanan .status{border-radius:4px;color:#fff;display:block;font-size:12px;font-weight:600;line-height:20px;margin-bottom:5px;padding:4px 10px;text-align:right}#modalPeriksaRincian .status-pesanan .status-info{display:block;font-size:13px;text-align:right}#modalPeriksaRincian .status-pesanan .row:not(:first-child){margin-top:.5rem}#modalPeriksaRincian .status-pesanan .col-3{padding-right:0}#modalPeriksaRincian .status-pesanan .col-9{border-bottom:1px solid rgba(0,0,0,.15)}.preview-card{border:1px solid #ccc;height:110px;width:110px}.preview-card:hover{background-color:#fafafa}.preview-card:hover .closeButtonImage{visibility:visible}.preview-card .closeButtonImage{background-color:rgba(233,9,27,.5);border:none;border-radius:50%;position:absolute;right:7px;top:7px;visibility:hidden}.preview-card .closeButtonImage:hover{background-color:#e9091b}.preview-card .closeButtonImage i{color:#fff}.preview-card img{border:1px solid #ccc;height:100%;-o-object-fit:contain;object-fit:contain}.custom-image-upload{display:inline-block;height:110px;position:relative;width:110px}.custom-image-upload .custom-file-input{cursor:pointer;height:110px;margin:0;opacity:0;position:relative;width:110px;z-index:2}.custom-image-upload .custom-file-label{background-color:#fff;border:1px dashed #aaacba;color:#adb5bd;font-size:14px;font-weight:400;height:110px;left:0;line-height:1.5;padding:.375rem .75rem;position:absolute;right:0;top:0;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;z-index:1}.sidebar-scrollspy{position:sticky;top:8rem}.sidebar-scrollspy .list-group-item{background-color:transparent;border:none;border-left:2px solid #ccc;border-radius:0;font-size:15px}.sidebar-scrollspy .list-group-item:hover{color:#d00a1a}.sidebar-scrollspy .list-group-item:first-child{padding-top:0}.sidebar-scrollspy .list-group-item:last-child{padding-bottom:0}.sidebar-scrollspy .list-group-item.active{background-color:transparent;border-left:2px solid #d00a1a;color:#d00a1a;font-weight:500}.btn-dashed-input{border:1px dashed #1791f2;color:#1791f2;font-size:15px;font-weight:500;text-align:center;width:100%}.btn-dashed-input:hover{background-color:#f5fbff;color:#1791f2}#tableGrosir tbody tr:first-child .remove,.v1PilVariasi:first-child .remove,.v1PilVariasi:not(:first-child) label,.v2PilVariasi:first-child .remove,.v2PilVariasi:not(:first-child) label{display:none}.promotion-card{align-items:center;background-color:#fafafa;border-radius:5px;display:flex;height:100%;justify-content:start;outline:none;padding:1em;text-decoration:none}.promotion-card:hover h6{color:#d00a1a}.promotion-card .img-wrap{position:relative}.promotion-card .img-wrap img{height:63px;image-rendering:pixelated;image-rendering:crisp-edges;width:63px}.promotion-card .img-wrap .promotion-new{background-color:#d00a1a;border-radius:20px;border-top-right-radius:0;color:#fff;font-size:9px;font-weight:500;padding:2px 4px 5px 5px;position:absolute;right:-5px}.promotion-card h6{color:#000}.chats-card{border:0;border-radius:0;min-height:calc(100vh - 58px)}.chats-card .chats-list{border-right:1px solid #e4e6e8;min-height:calc(100vh - 58px);min-width:350px;overflow-y:hidden;position:relative}.chats-card .chats-list .chats-list-header{padding:1rem}.chats-card .chats-list .chats-list-header .chats-list-search{padding-right:.5rem}.chats-card .chats-list .chats-list-header .chats-list-search .dropdown .dropdown-toggle{background-color:#f4f4f6;border-end-end-radius:unset;border-start-end-radius:unset}.chats-card .chats-list .chats-list-header .chats-list-search .dropdown .dropdown-menu button{color:#6c757d}.chats-card .chats-list .chats-list-header .chats-list-search .dropdown .dropdown-menu button.active{background-color:#fff;color:#d00a1a}.chats-card .chats-list .chats-list-header .chats-list-search input{background-color:#f4f4f6;border:0;font-size:14px;padding-left:0}.chats-card .chats-list .chats-list-header .chats-list-search input:focus{box-shadow:none}.chats-card .chats-list .chats-list-header .dropdown-chats-filter .has-notification{position:relative}.chats-card .chats-list .chats-list-header .dropdown-chats-filter .has-notification:before{background-color:#d00a1a;border-radius:50%;content:"";height:10px;left:7px;position:absolute;top:10px;width:10px}.chats-card .chats-list .chats-list-content{height:calc(100vh - 158px);overflow-y:auto}.chats-card .chats-list .chats-list-content .list-content{color:#000;display:flex;padding:1rem;text-decoration:none}.chats-card .chats-list .chats-list-content .list-content:hover{background-color:#f5f6f8}.chats-card .chats-list .chats-list-content .list-content.active{background-color:#ebedf1}.chats-card .chats-list .chats-list-content .list-content .chats-messages{display:grid}.chats-card .chats-list .chats-list-content .list-content .chats-messages .chats-unread-count{background-color:#d00a1a;border-radius:2px;color:#fff;text-align:center;width:15px}.chats-card .chats-list .chats-list-content .list-content .chats-messages .d-flex:nth-child(2){width:265px}.chats-card .chats-list .chats-list-content .list-content .chats-messages .d-flex:nth-child(2) .chats-message-preview{color:#707070;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chats-card .chats-list .chats-list-content .list-content .chats-messages .d-flex:nth-child(2) .chats-unread-time{color:#707070;display:block ruby;display:ruby;white-space:nowrap}.chats-card .chats-body{display:flex;flex-direction:column;height:calc(100vh - 58px);overflow-y:hidden;position:relative;width:100%}.chats-card .chats-body .user-chats-head{border-bottom:1px solid #e4e6e8;height:min-content;height:-moz-min-content;padding:1rem}.chats-card .chats-body .user-chats-head .star-rating{color:#ced4da;display:inline-flex}.chats-card .chats-body .user-chats-head .star-rating .checked:before{color:#ffc107;content:"\f005";font-family:Font Awesome\ 5 Free;font-weight:900}.chats-card .chats-body .user-chats-body{border-bottom:1px solid #e4e6e8;height:auto;overflow-y:auto;padding:0 8px}.chats-card .chats-body .user-chats-body .chats--buyer{margin:10px 0}.chats-card .chats-body .user-chats-body .chats--buyer .text{background-color:#f5f6f8;border-radius:3px;color:#000;font-size:15px;font-weight:300;max-width:85%;padding:7px}.chats-card .chats-body .user-chats-body .chats--buyer .time{color:#707070;font-size:12px}.chats-card .chats-body .user-chats-body .chats--seller{margin:10px 0}.chats-card .chats-body .user-chats-body .chats--seller .text{background-color:#d7e5fd;border-radius:3px;color:#000;display:block;font-size:15px;font-weight:300;margin-left:auto;max-width:85%;padding:7px;width:auto;width:-moz-fit-content}.chats-card .chats-body .user-chats-body .chats--seller .time{color:#707070;display:block;font-size:12px;text-align:right}.chats-card .chats-body .user-chats-input{height:auto;margin-bottom:25px;min-height:50px}.chats-card .chats-body .user-chats-input textarea{border:none;border-radius:unset;box-shadow:none;font-size:15px;font-weight:300;resize:none}.chats-card .chats-body .user-chats-input img{height:18px;width:18px}.chats-card .chats-body .user-chats-input span{color:#cacaca;font-size:13px;font-weight:300}.account-image-background{background-position:50%;background-size:cover;border-top-left-radius:.25rem;border-top-right-radius:.25rem;display:block;height:200px;position:relative;width:100%;width:-moz-available;width:-webkit-fill-available;width:stretch}.account-image-background:after{background:rgba(0,0,0,.1);content:"";height:100%;left:0;position:absolute;top:0;transition:all 1s;-webkit-transition:all 1s;width:100%}.account-highlight{left:10%;position:absolute;right:10%;top:30%;width:80%;z-index:999}.account-highlight .account-profile-image{background-position:50%;background-size:cover;border-radius:50%;display:block;height:60px;width:60px}.account-highlight .account-profile-image .account-profile-upload{border-radius:50%;display:inline-block;height:100%;overflow:hidden;position:relative;width:100%}.account-highlight .account-profile-image .account-profile-upload .custom-file-label{background-color:rgba(0,0,0,.5);bottom:0;color:#fff;cursor:pointer;font-size:12px;font-weight:400;height:18px;left:0;line-height:1.5;position:absolute;right:0;text-align:center}.account-background-upload{display:inline-block;height:100%;position:relative;width:100%}.account-background-upload .custom-file-label{background-color:rgba(0,0,0,.5);bottom:0;color:#fff;cursor:pointer;font-size:12px;font-weight:400;height:25px;left:0;line-height:1.5;padding:.25rem;position:absolute;right:0;text-align:center;z-index:1}.btn-saran{border-radius:5px;display:flex;justify-content:end;justify-content:flex-end;position:fixed;top:50%}.btn-saran button{align-items:center;background-color:#ededed;box-shadow:0 2px 6px 0 rgba(0,0,0,.07);color:#000;display:flex;float:right;height:45px;max-width:50px;overflow:hidden;position:relative;transition:max-width 1s ease-in-out}.btn-saran button:hover{background-color:#2673dd;color:#fff;max-width:280px}.btn-saran button:focus{box-shadow:none}.btn-saran button i{font-size:24px}.btn-saran button span{font-weight:600}#modalSaran .modal-footer .btn:first-child{border:1px solid #707070;color:#000;font-size:14px}#modalSaran .modal-footer .btn:first-child:hover{background-color:#ededed}#modalSaran .modal-footer .btn:nth-child(2){background-color:#d00a1a;color:#fff;font-size:14px}#modalSaran .modal-footer .btn:nth-child(2):hover{background-color:#dc3545}.btn-chat{border-radius:5px;bottom:5%;display:flex;justify-content:end;justify-content:flex-end;position:fixed;right:0;width:-moz-min-content;width:min-content;z-index:99999}.btn-chat .chat-button{align-items:center;background-color:#d00a1a;border:0;color:#fff;display:flex;height:45px;position:relative;right:5px;transition:width 1s ease-in-out}.btn-chat .chat-button:hover{background-color:#e9091b;color:#fff}.btn-chat .chat-button:focus{box-shadow:none}.btn-chat .chat-button i{font-size:18px}.btn-chat .chat-button .chat-button-title{font-size:18px;font-weight:400;position:relative}.btn-chat .chat-button .chat-button-title:after{border-right:1px solid #ededed;content:"";height:70%;position:absolute;right:0;top:15%}.btn-chat .chat-button .notification-count{align-items:center;background-color:#d00a1a;border:1px solid #fff;border-radius:50%;display:flex;font-size:10px;font-weight:400;height:18px;justify-content:center;position:absolute;right:-8px;top:-9px;width:18px}.btn-chat .chat-container{background-color:#fff;display:none;height:415px;width:547px}.btn-chat .chat-container,.btn-chat .chat-container .chat-header{border-radius:3px;box-shadow:0 2px 6px 0 rgba(0,0,0,.07)}.btn-chat .chat-container .chat-header .d-flex:first-child{color:#d00a1a}.btn-chat .chat-container .chat-header .d-flex:first-child h5{font-size:22px;font-weight:600;margin-bottom:0}.btn-chat .chat-container .chat-header .d-flex:nth-child(2) .btn:hover>svg{color:#555}.btn-chat .chat-container .chat-header .d-flex:nth-child(2) svg{stroke-width:1.5;color:#000;width:20px}.btn-chat .chat-container .chat-body{display:grid;height:372px;overflow-y:hidden;position:relative}.btn-chat .chat-container .chat-body .user-chat-title h6{padding:1em 1em .5em}.btn-chat .chat-container .chat-body .user-chat-body{border-bottom:1px solid #707070;height:auto;max-height:262px;overflow-y:auto;padding:0 8px}.btn-chat .chat-container .chat-body .user-chat-body .chat--buyer{background-color:#f5f6f8;border-radius:3px;color:#000;font-size:12px;margin:10px 0;max-width:85%;padding:7px}.btn-chat .chat-container .chat-body .user-chat-body .chat--time{color:#707070;font-size:12px;text-align:center}.btn-chat .chat-container .chat-body .user-chat-body .chat--seller{background-color:#d7e5fd;border-radius:3px;color:#000;font-size:12px;margin:10px 0 10px auto;max-width:85%;padding:7px;width:-moz-max-content;width:max-content}.btn-chat .chat-container .chat-body .chat-input{height:auto;min-height:71px}.btn-chat .chat-container .chat-body .chat-input #chatInput{border:0;color:#000;font-size:12px;line-height:1.3;max-height:100px;resize:none}.btn-chat .chat-container .chat-body .chat-input #chatInput:focus{box-shadow:none}.btn-chat .chat-container .chat-body .chat-input .icon-input{background-color:#fff}.btn-chat .chat-container .chat-body .chat-input .icon-input img{height:18px;width:18px}.btn-chat .chat-container .chat-list{border-left:1px solid #707070;height:372px;overflow-y:hidden;position:relative}.btn-chat .chat-container .chat-list .chat-list-header{display:flex;justify-content:space-between;-webkit-justify-content:space-between;padding:.7rem}.btn-chat .chat-container .chat-list .chat-list-header #chatListSearch{padding-right:.5rem}.btn-chat .chat-container .chat-list .chat-list-header #chatListSearch span{background-color:#f4f4f6;border:0}.btn-chat .chat-container .chat-list .chat-list-header #chatListSearch input{background-color:#f4f4f6;border:0;font-size:12px;padding-left:0}.btn-chat .chat-container .chat-list .chat-list-header #chatListSearch input:focus{box-shadow:none}.btn-chat .chat-container .chat-list .chat-list-header #accordionChatList{align-items:center;display:flex;width:100%}.btn-chat .chat-container .chat-list .chat-list-header #accordionChatList .accordion-button{background-color:#fff;border:none;box-shadow:none;color:#000;outline:none;padding:5px}.btn-chat .chat-container .chat-list .chat-list-header #accordionChatList .accordion-button.has-notification:before{background-color:#d00a1a;border-radius:50%;content:"";height:10px;margin-right:3px;width:10px}.btn-chat .chat-container .chat-list .chat-list-content{height:316px;overflow-y:auto}.btn-chat .chat-container .chat-list .chat-list-content .list-content{color:#000;display:flex;padding:1rem;text-decoration:none}.btn-chat .chat-container .chat-list .chat-list-content .list-content:hover{background-color:#f5f6f8}.btn-chat .chat-container .chat-list .chat-list-content .list-content.active{background-color:#ebedf1}.btn-chat .chat-container .chat-list .chat-list-content .list-content .chat-messages{display:grid}.btn-chat .chat-container .chat-list .chat-list-content .list-content .chat-messages .chat-unread-count{background-color:#d00a1a;border-radius:2px;color:#fff;text-align:center;width:15px}.btn-chat .chat-container .chat-list .chat-list-content .list-content .chat-messages .d-flex:nth-child(2){width:150px}.btn-chat .chat-container .chat-list .chat-list-content .list-content .chat-messages .d-flex:nth-child(2) .chat-message-preview{color:#707070;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-chat .chat-container .chat-list .chat-list-content .list-content .chat-messages .d-flex:nth-child(2) .chat-unread-time{color:#707070;display:block ruby;display:ruby;white-space:nowrap}.main-content{padding-left:calc(var(--bs-gutter-x)/2)}@media (max-width:767.98px){.main-content{padding-left:0}}#sidebarMenu .accordion-item{border:none}.custom-tab{border-bottom:1px solid #707070}.custom-tab .nav-link{background:transparent;border:none;border-bottom:3px solid transparent;color:#000;font-size:16px;font-weight:500;outline:none;padding:1rem;position:relative}.custom-tab .nav-link.active{color:#d00a1a}.custom-tab .nav-link.active,.custom-tab .nav-link.active:hover{border-bottom:3px solid #d00a1a}.custom-tab .nav-link.has-notification:after{background-color:#d00a1a;border-radius:50%;content:"";height:8px;margin-left:7px;position:absolute;width:8px}.custom-tab .nav-link:hover{border-color:transparent;color:#b0000a}.custom-tab-content .tab-pane{padding:1.5rem 2rem}.custom-tab-content .tab-pane #calendar{border-right:1px solid #707070}.custom-tab-content .tab-pane #calendar .fc-toolbar-title{font-size:1.23rem}.custom-tab-content .tab-pane #calendar .fc-next-button,.custom-tab-content .tab-pane #calendar .fc-prev-button{background:transparent;border:none;box-shadow:none;color:#707070}.custom-tab-content .tab-pane #calendar .fc-next-button:hover,.custom-tab-content .tab-pane #calendar .fc-prev-button:hover{background:#ededed}.custom-tab-content .tab-pane #calendar .fc-prev-button{margin-left:1rem}.custom-tab-content .tab-pane #calendar .fc-next-button{margin-right:1rem}.custom-tab-content .tab-pane #calendar .fc-scrollgrid-section>td{border:none}.custom-tab-content .tab-pane #calendar .fc .fc-daygrid-day-top{justify-content:center}.custom-tabs-2{border-bottom:1px solid #bebebe}.custom-tabs-2 .nav-link{background-color:#fbfbfb;border:1px solid #bebebe;border-radius:0;color:#707070;font-size:15px;outline:none}.custom-tabs-2 .nav-link:hover{background-color:#fff;border-color:#bebebe}.custom-tabs-2 .nav-link.active{border-color:#bebebe;color:#d00a1a;font-weight:500}.custom-tab-content-2 .tab-pane{padding:0}.custom-tab-filter .input-group input{border-right:0;border-color:#707070;font-size:15px;padding-right:0}.custom-tab-filter .input-group input:focus-visible{border-color:#86b7fe;box-shadow:none}.custom-tab-filter .input-group input:focus-visible~span{border-color:#86b7fe}.custom-tab-filter .input-group span{background-color:#fff;border-color:#707070;color:#707070}.custom-tab-filter :last-child label{font-size:15px}.custom-tab-filter :last-child .input-wrapper{display:inline-block;position:relative}.custom-tab-filter :last-child .input-wrapper:before{content:"\f073";font-family:Font Awesome\ 5 Free;font-size:16px;font-weight:400;left:12px;position:absolute;top:14%}.custom-tab-filter :last-child .input-wrapper input{border-color:#707070;font-size:15px;padding-left:2rem}.custom-tab-filter :last-child .btn-outline-secondary{border-color:#707070;color:#000;font-size:15px}.custom-tab-filter :last-child .btn-outline-secondary:hover{color:#fff}.custom-table-container{overflow-x:auto}.custom-table{gap:1rem;margin:0;min-width:700px}.custom-table .custom-table-header{background-color:#f6f6f6;border:1px solid #707070;border-radius:2px;color:#707070;font-size:15px;line-height:1.3;margin:0;min-height:40px;padding:12px 0}.custom-table .custom-table-header *{align-self:center;display:flex;margin:0;text-align:center}.custom-table .custom-table-header .custom-select{background-color:transparent;border:none;box-shadow:none;color:#707070;font-size:15px}@media (min-width:1199.98px){.custom-table .custom-table-header .custom-select{white-space:nowrap;width:auto}}.custom-table .custom-table-body{gap:1rem;margin:0;padding:0}.custom-table .custom-table-body>*{border:1px solid #707070;border-radius:2px;margin:0;padding:0}.custom-table .custom-table-body>.table-empty{border:none;display:grid;height:350px;text-align:center}.custom-table .custom-table-body>.table-empty img{margin:auto auto 1rem}.custom-table .custom-table-body .pesanan-header{align-content:center;align-items:center;background-color:#fafafa;border-bottom:1px solid #707070;color:#707070;display:flex;font-size:15px;justify-content:space-between;line-height:20px;padding:7px calc(var(--bs-gutter-x)/2);white-space:nowrap}.custom-table .custom-table-body .pesanan-body{margin:0}.custom-table .custom-table-body .pesanan-body>*{padding:12px}.custom-table-2{border:1px solid #707070;border-radius:2px;margin:0;min-width:700px}.custom-table-2 .custom-table-header-2{background-color:#f6f6f6;color:#707070;font-size:15px;line-height:1.3;margin:0;min-height:40px;padding:12px 0}.custom-table-2 .custom-table-header-2 *{align-self:center;display:flex;margin:0;text-align:center}.custom-table-2 .custom-table-body-2{margin:0}.custom-table-2 .custom-table-body-2>*{margin:0;padding:1rem 0}.custom-table-2 .custom-table-body-2>:not(:last-child){border-bottom:1px solid #707070}.custom-table-2 .custom-table-body-2>*>*>:first-child{padding:0}.custom-table-2 .custom-table-body-2>.table-empty{border:none;display:grid;height:350px;text-align:center}.custom-table-2 .custom-table-body-2>.table-empty img{margin:auto auto 1rem}.custom-select{background-color:#fff;border:1px solid #707070;color:#000;font-size:15px}.custom-input,.custom-select,.custom-select:focus{box-shadow:none}.custom-input{background-color:#fff;border:1px solid #707070;color:#000;font-size:15px;min-width:90px}.custom-input:focus{box-shadow:none}.progress{background-color:#fff;border:1px solid #0f9f99;border-radius:14px;height:27px;position:relative;width:137px}.progress .progress-bar{background-color:#cdf1ec;color:#0f9f99}.progress .progress-bar>span{left:49px;position:absolute}.btn-group.border-light>.btn{border:3px solid #f6f6f6;border-radius:5px}.btn-group.border-light>.btn:hover{background-color:#f8f9fa}.btn-group.border-light>.btn:last-child{border-bottom-left-radius:unset;border-left:none;border-start-start-radius:unset}