/*!
Theme Name: Invoice Eltech
Author: Mirai Kreativa Team
Author URI: http://miraikreativa.com
Version: 1.0.4
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: inveltech

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
    --primary   : #980007;
    --default   : #ECEFF1;
    --warning   : #FB923C;
    --hijau     : #337A1A;
    --blue      : #1C2A51;
    --bg        : #fff;
    --text      : #171717;
    --card      : rgba(0,0,0,.025);
    --g2x       : #D4D4D8;
    --g3x       : #A1A1AA;
    --ease02s   : .2s ease;
}

*{margin:0;padding:0}
*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}
html{overflow-x:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html{background-color:var(--bg);-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}
html::-webkit-scrollbar{width:0}
html::-webkit-scrollbar-track{background:transparent}
html::-webkit-scrollbar-thumb{border:4px solid var(--bg);border-radius:2em;background:var(--g2x)}
html::-webkit-scrollbar-thumb:hover{background:var(--primary)}
body{display:flex;flex-direction:column;min-height:100vh;margin:0 auto;padding:156px 0 0;font-family:'Inter'!important;font-size:14px;text-rendering:optimizeLegibility;text-transform:none;color:var(--text);overflow:hidden;cursor:default;cursor:default;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body::before{background-image:url(assets/eltech_logo.svg);position:absolute;display:block;content:' '}
body::after{position:relative;display:block;content:' ';border-bottom:36px solid var(--primary);margin-top:auto}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}
input[type=number]{-moz-appearance:textfield;appearance:texfield}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
article,aside,footer,header,nav,section{display:block}
figcaption,figure,main{display:block}
hr,hr.wp-block-separator,hr.wp-block-separator.has-alpha-channel-opacity{height:0;margin:48px 0;border:0;border-top:1px solid var(--g2x);overflow:visible;-webkit-box-sizing:content-box;box-sizing:content-box}
hr.dash{border-color:var(--g2x);border-style:dashed}
hr.transparent{border-color:transparent}
pre{font-family:monospace,monospace;font-size:1em}
abbr,abbr[title],span.required{text-decoration:none}
b,strong{font-weight:700}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{max-width:100%;border-style:none;vertical-align:middle;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{margin:0;outline:none;font-family:'Inter';font-size:16px}
button{cursor:pointer}
button,input{overflow:visible}
label{font-weight:400}
button,select{text-transform:none;-moz-appearance:none;-webkit-appearance:none;appearance:none}
button,html [type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;appearance:button}
button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{padding:0;border-style:none}
button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{display:table;max-width:100%;padding:0;color:inherit;box-sizing:border-box;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type='checkbox'],[type='radio']{padding:0;box-sizing:border-box}
input[type='number']{-moz-appearance:textfield;appearance:textfield}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{border-color:var(--warning)!important;transition:background-color 0s ease-in-out 0s;box-shadow:0 0 0 100px inset var(--bg)!important;-webkit-text-fill-color:var(--text)}
[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto;margin:0;-webkit-appearance:none;appearance:none}
[type='search']{outline-offset:-2px;-webkit-appearance:textfield;appearance:textfield}
[type='search']::-webkit-search-cancel-button,[type='search']::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;appearance:button}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
blockquote{position:relative;margin:40px 0;padding:40px 52px;border-radius:16px;background-color:var(--card);font-size:unset;color:var(--text)}
blockquote cite{display:block;font-size:14px;color:var(--text)}
blockquote::before{content:' ';display:block;position:absolute;left:50%;top:-2px;bottom:unset;width:120px;border-left:0;border-top:4px solid var(--primary);transform:translateX(-50%)}
button{display:inline-block;border:0;background-color:transparent}
h1,h2,h3,h4,h5,h6{position:relative;margin:0;padding:0;font-family:inherit;font-weight:700}
h1{font-size:32px}
h2{font-size:28px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:16px}
h6{font-size:12px}
p{display:block;margin:0;padding:0}
ol,ul,dl,ol ol,ul ul,ol ul,ul ol{margin:0;padding:0;list-style:none}
a,a:focus,a:hover{text-decoration:none;color:var(--text);transition:var(--ease02s)}
a:hover,a:focus{color:var(--primary)}
a:not([href]):not([tabindex]){text-decoration:none!important;color:inherit;transition:var(--ease02s);cursor:pointer}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{text-decoration:none!important;color:inherit;transition:var(--ease02s)}
a:not([href]):not([tabindex]):focus{outline:0;transition:var(--ease02s)}
a:not([href]):not([tabindex]):hover{color:var(--primary)}
.noact{pointer-events:none!important}

/* CAKRAWALA */
.container{max-width:1000px;margin:0 auto;width:100%;position:relative;z-index:1}
.robotomono{font-family:'Roboto Mono'}
.flex{display:flex;flex-wrap:wrap}
.watermark{position:fixed;z-index:0!important;opacity:.08;top:50%;left:50%;transform:translate(-50%,-50%);width:20cm;margin-top:96px}
.fs-18x{font-size:18px}
.fs-16x{font-size:16px}
.fs-14x{font-size:14px}
.fs-12x{font-size:12px}
.v-hidden{visibility:hidden;opacity:0}
.turbo-progress-bar{height:0!important;border-top:2px solid var(--primary)}

/* NAVBAR */
.mux-navbar{border-bottom:1px solid var(--g2x);position:fixed;top:0;left:0;right:0;height:96px;z-index:9999;background-color:var(--bg);display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mux-navbar.aero{background-color:rgba(255,255,255,.8);backdrop-filter:blur(6px)}
.mux-navbar .container{margin:auto;display:flex;flex-wrap:wrap;gap:40px}
.mux-navbar a{display:flex;height:40px;min-width:40px;gap:12px;font-size:14px;font-weight:600;position:relative}
.mux-navbar a.active{color:var(--primary)}
.mux-navbar a.active:nth-child(n+2)::after{position:absolute;left:50%;transform:translateX(-50%);top:-6px;height:8px;width:8px;background-color:var(--primary);content:' ';display:block;border-radius:20px;opacity:.3}
.mux-navbar a.right{margin-left:auto}
.mux-navbar * > span{margin:auto 0}
.mux-navbar .fa{font-size:24px;margin:auto}
.mux-navbar .single_title{font-weight:bold;margin-right:auto;font-size:18px}

/* LISTING */
.quick_search{margin-left:auto;height:60px;background-color:rgba(255,255,255,.35);padding:0 24px;border-radius:16px;margin-bottom:24px;border:2px solid var(--g2x);padding-bottom:1px;font-size:14px;width:100%}
.quick_search:hover{border-color:#aaa}
.quick_search:focus{border-color:var(--primary)}
.mux-listing ul.listing--item li{margin-top:12px}
.mux-listing ul li a{border:2px solid var(--g2x);background-color:rgba(255,255,255,.35);backdrop-filter:blur(5px);padding:16px 24px;display:flex;flex-wrap:wrap;position:relative}
.mux-listing ul li a:hover{border-color:var(--primary)}
.mux-listing ul li a span{margin:auto 0;padding-bottom:2px;display:flex;flex-wrap:wrap;gap:24px;flex:1}
.mux-listing ul li a span > *{margin:auto 0}
.mux-listing ul li a span > *:first-child{width:27.5%}
.mux-listing ul li a span > *:nth-child(2){flex:1}
.mux-listing ul li a span > *:last-child{text-align:right;flex:unset;width:160px}
.mux-listing.procost-list ul li a span > *{width:auto;flex:1;text-align:left}

/* INV HEADER */
.inv--kop .el-logo img{width:auto;height:96px}
.inv--kop .el-text{margin:auto;margin-right:0;text-align:right;font-size:16px;line-height:1.4}

/* INV DETAIL */
.inv--detail{background-color:var(--card);border:2px solid var(--g2x);border-radius:16px;padding:32px 60px;position:relative;overflow:hidden;margin:48px 0 24px}
.inv--detail .el-left{display:flex;flex-wrap:wrap;gap:28px;margin:auto 0;position:relative;z-index:1}
.inv--detail .el-left *{margin:auto 0}
.inv--detail .el-left .fa{color:#1C2A51;font-size:48px;margin:0 -15px}
.inv--detail .el-left h4{margin-bottom:4px}
.inv--detail .el-left p{font-size:16px}
.inv--detail .el-right{margin-left:auto;width:50%;position:relative;z-index:1}
.inv--detail .el-right ul li{display:flex;flex-wrap:wrap;gap:24px;line-height:1.4}
.inv--detail .el-right ul li:nth-child(n+2){margin-top:8px}
.inv--detail .el-right ul li span{width:100px;color:#777}
.inv--detail .el-right ul li b{flex:1}
.inv--detail .el-right ul li.divider{border-top:1px solid var(--g2x);margin:8px 0 10px}
.inv--detail .el-right ul li.divider+*{margin:0}

/* INV DATE */
.inv--date{gap:24px;font-weight:600;text-transform:uppercase;pointer-events:none}
.inv--date li{font-size:14px;background-color:var(--card);border:2px solid var(--g2x);border-radius:16px;height:32px;line-height:28px;padding:0 16px;position:relative}

/* INV FOOTER */
.inv--footer{font-size:16px;position:relative;border-top:2px solid var(--g2x);padding-top:42px;padding-bottom:80px}
.inv--footer .el-payment{flex-direction:column}
.inv--footer .el-payment p:nth-child(2){margin-top:8px}
.inv--footer .el-payment p:nth-child(3){margin:16px 0;height:38px}
.inv--footer .el-payment p:nth-child(3) img{width:auto;height:38px}
.inv--footer .el-payment p:nth-child(4){line-height:1.4}
.inv--footer .el-auth{position:relative;margin-left:auto;margin-right:160px;text-align:center}
.inv--footer .el-auth.auto{margin-top:auto;margin-bottom:auto}
.inv--footer .el-auth .auth_signature{position:relative;display:flex;flex-wrap:wrap;padding:24px 0;min-height:148px}
.inv--footer .el-auth .auth_signature img{margin:auto 0}
.inv--footer .el-auth img{height:92px;width:auto;max-width:unset}

/* TABLE */
table.container{margin:24px auto 0;border-collapse:collapse}
.inv--table{border-collapse:collapse;width:100%;z-index:1;position:relative}
.inv--table tr td{border:2px solid var(--g2x);border-top-width:0;border-bottom-width:0;padding:16px}
.inv--table tr td:nth-child(1){width:60px}
.inv--table tr td:nth-child(2){width:160px}
.inv--table tr td:nth-child(4){width:180px}
.inv--table tr td:nth-child(5){width:72px}
.inv--table tr td:nth-child(6){width:200px}
.inv--table thead{font-weight:600;background-color:var(--primary);color:var(--bg);position:relative;z-index:1}
.inv--table thead tr td{padding:20px 16px;border-color:var(--primary);border-bottom-width:3px}
.inv--table thead tr td:not(:nth-child(3)),.inv--table tbody tr td:not(:nth-child(3)){text-align:center}
.inv--table thead tr td::after{content:' ';display:block;position:absolute;left:-1px;right:-1px;bottom:-2px;border-bottom:2px solid var(--g2x)}
.inv--table tbody{vertical-align:top;font-family:'Roboto Mono';position:relative;z-index:0}
.inv--table tbody tr{counter-increment:num}
.inv--table tfoot tr td{border-bottom-width:2px;padding:0;margin:0}
.inv--table tbody tr td.price{text-align:right;position:relative}
.inv--table tbody tr td.price:last-child{width:200px}
.inv--table tbody tr td.price-unit .initiate{display:none}
.inv--table tbody tr td.price::before{content:'Rp ';position:absolute;left:16px}
.inv--table tbody tr td:first-child:before{content:counter(num)}
.inv--table tbody tr:nth-last-child(-n+3) td .flex span{width:120px;margin-left:auto;text-align:left}
.inv--table tbody tr:nth-last-child(-n+3) td:first-child::before{display:none}
.inv--table tbody tr:nth-last-child(-n+3) td:last-child{text-align-last:right}
.inv--table tbody tr:nth-last-child(3) td{border-top-width:2px}
.inv--table tbody tr:last-child td{color:var(--primary);font-weight:bold;border-top-width:2px}
/* .inv--table tbody tr:first-child td,.inv--table tbody tr:nth-last-child(3) td,.inv--table tbody tr:last-child td{padding-top:16px} */
/* .inv--table tbody tr:nth-last-child(4) td,.inv--table tbody tr:nth-last-child(2) td,.inv--table tbody tr:last-child td{padding-bottom:18px} */
.inv--table-grandtotal .inv--table tbody tr:nth-child(1) td{padding-bottom:0}
.table-purchase-order tbody tr td{padding:8px 16px}
.table-purchase-order tbody tr:first-of-type td{padding-top:16px}
.table-purchase-order tbody tr:nth-last-child(4) td{padding-bottom:17px}
.inv--table-outline{display:none}
.table-delivery-order .inv--table tr td:nth-child(1){width:60px}
.table-delivery-order .inv--table tr td:nth-child(2){width:200px}
.table-delivery-order .inv--table tr td:nth-child(4){width:72px}
.table-delivery-order .inv--table tr td:nth-child(5){width:200px}

.inv--table2{border-collapse:collapse;width:100%;z-index:1;position:relative;margin-bottom:8px}
.inv--table2 tr td{border:2px solid var(--g2x);border-top-width:0;border-bottom-width:0;padding:16px 24px 18px;position:relative}
.inv--table2 tr td:last-child:not(:first-child){width:30%;text-align:right}
.inv--table2 thead{text-transform:uppercase;font-weight:600;color:var(--g3x)}
.inv--table2 thead::after{height:24px;content:' ';display:block}
.inv--table2 thead tr td{padding:0 24px;text-align:center!important}
.inv--table2 tbody tr.divider_green td{background-color:var(--hijau);border-color:var(--hijau);color:var(--bg);position:relative;padding:20px 24px;border-bottom-width:3px;font-weight:600;font-family:'inter'}
.inv--table2 tbody tr.divider_blue td{background-color:var(--blue);border-color:var(--blue);color:var(--bg);position:relative;padding:20px 24px;border-bottom-width:3px;font-weight:600;font-family:'inter'}
.inv--table2 tbody tr.divider_green td::after,.inv--table2 tbody tr.divider_blue td::after{content:' ';display:block;position:absolute;left:-2px;right:-2px;bottom:-3px;border-bottom:2px solid var(--g2x)}
.inv--table2 tbody tr td{border-bottom-width:2px;font-family:'Roboto Mono'}
.inv--table2 tbody tr.bold_right td{text-align:right;font-weight:bold}
.inv--table2 tbody.gross_profit tr td,.inv--table2 tbody.total_gross_profit tr td{background-color:var(--g2x);text-align:center;padding-top:18px;padding-bottom:20px}
.inv--table2 tbody.gross_profit tr td b,.price_total_gross_currency{margin-left:24px}
.inv--table2 tbody.gross_profit tr td b::before,.price_total_gross_currency::before,.inv--table2 tbody tr td:nth-child(2)::before{content:'Rp '}
.inv--table2 tbody tr td:nth-child(2)::before{position:absolute;left:16px}
.inv--table2 tbody::after{height:24px;content:' ';display:block}
.inv--table2 tbody.cogs_container:after,.inv--table2 tbody.reward_container:after,.inv--table2 tbody:last-of-type:after{display:none}

/* FORMAL */
.mux---penawaran .inv--header{border-bottom:2px solid var(--text);padding-bottom:52px}
.mux---penawaran .inv--header .el-text{text-align:left;letter-spacing:2px;color:var(--primary);margin-right:auto;margin-left:80px}
.mux---penawaran .inv--header .el-text h1{margin-top:-1px;margin-bottom:4px}
.mux---penawaran .inv--footer{border-color:var(--text);line-height:1.6;margin-top:44px}
.mux---penawaran .inv--footer p{margin-right:auto}
.mux---penawaran table.container{margin-top:0}
.mux---penawaran .inv--table{margin-bottom:44px}
.mux---penawaran .inv--table tr td{text-align:center}
.mux---penawaran .inv--table tr td:nth-child(2){width:unset;text-align:left}
.mux---penawaran .inv--table tr td:nth-child(3){width:180px}
.mux---penawaran .inv--table tr td:nth-child(4){width:72px}
.mux---penawaran .inv--table tr td:nth-child(5){width:200px}
.mux---penawaran .inv--table tbody tr td{border-top-width:2px;vertical-align:middle}

/* DETAILS */
.inv--details{font-size:18px;padding-top:44px;margin-bottom:44px;line-height:1.4}
.inv--details.procost{padding-top:40px;margin-bottom:40px}
.inv--details .el-number{display:flex;flex-wrap:wrap;flex-direction:column;width:100%;gap:4px}
.inv--details .el-number p{display:flex;flex-wrap:wrap;gap:8px}
.inv--details .el-number p span:nth-child(1){width:120px}
.inv--details .el-receiver div,.inv--details .el-message div{margin-bottom:8px}

/* TOS */
.inv--tos{font-size:18px;margin-bottom:40px}
.inv--tos ul{padding:16px 20px 0}
.inv--tos ul li{position:relative;padding-left:24px;line-height:1.4}
.inv--tos ul li:nth-child(n+2){margin-top:4px}
.inv--tos ul li::before{content:'•';position:absolute;left:0;margin-top:-1px}
.inv--tos ul li span{width:100%}
.inv--tos .el-payment{padding:20px 28px;padding-right:200px;border:2px solid var(--g3x);position:relative;font-size:16px;line-height:1.6;width:560px;margin:16px 0}
.inv--tos .el-payment img{position:absolute;top:50%;transform:translateY(-50%);right:28px;width:100px}
section.container{font-size:18px}
section.container > p{margin-bottom:40px}
section.container .inv--auth{break-inside:avoid;position:relative}
section.container .inv--auth *{position:relative;z-index:1}
section.container .inv--auth p:nth-of-type(1){margin-bottom:8px;position:relative;width:240px;pointer-events:none}
section.container .inv--auth p:nth-of-type(1) b a:nth-child(n+2){display:none}
section.container .inv--auth p:last-of-type{line-height:1.4}
section.container .inv--auth .auth_signature{position:relative;display:flex;flex-wrap:wrap;padding:24px 0;min-height:148px}
section.container .inv--auth img{margin:auto 0;height:100px;width:auto;z-index:0}

/* ADDONS */
.hide-payment-note .inv--footer p:last-child{display:none}
body.mux---po::after,body.mux---penawaran::after,body.mux---inv::after{border-top-width:0!important}
.copy-table{display:none}
.initiate,.total_raw,.price_revenue,.cogs_container .qty,.price_cogs,.price_cogs_equal,.reward_container .qty,.price_reward,.price_reward_equal,.price_reward_total,.procost_container .qty,.price_procost,.price_procost_equal,.price_procost_total,.price_gross,.price_rebate,.price_rebate_equal,.price_rebate_total,.price_total_gross{display:none}

/* PAGES */
@page{size:21cm 29.7cm}
    @media print{
    body{zoom:70%!important;padding:0 80px}
    body::after{position:fixed;left:0;right:0;bottom:0;margin-top:0}
    .container{max-width:unset}
    .mux-navbar,.hide-print{display:none}
    .watermark{margin-top:0}
    .inv--header{padding-top:72px}
    .inv--footer{position:fixed;bottom:0;left:80px;right:80px;width:auto}
    .inv--table-outline{position:fixed;top:496px;right:80px;bottom:453px;left:80px;display:block;z-index:0}
    .inv--table-outline .inv--table{width:100%;height:100%}
    .table-delivery-order.inv--table-outline{bottom:338px;}
    .inv--table-grandtotal{position:fixed;left:80px;right:80px;bottom:319px}
    .mux---po .inv--table-outline,.no-info .inv--table-outline{bottom:417px}
    .mux---po .inv--table-grandtotal,.no-info .inv--table-grandtotal{bottom:283px}
    .mux---penawaran .inv--header{position:fixed;top:72px;left:80px;right:80px;width:auto;padding-top:0}
    .mux---penawaran table.container > thead{height:272px}
    .mux---penawaran table.container > tfoot{height:220px}
    .inv--details{padding:0!important}
    .inv--table2 thead::after{height:18px}
    .inv--table2 tbody::before{height:18px}
    .kwitansi{margin-top:48px}
    .mux-kwitansi{padding:0 48px}
}

.mux-kwitansi::after{display:none}
.kwitansi{background-color:var(--bg);min-height:360px;border:1px solid var(--text);display:flex;flex-wrap:wrap}
.kwitansi .harga_terbilang{text-transform:capitalize}
.kwitansi .left{width:280px;padding:24px;display:flex;flex-direction:column;gap:16px;font-size:12px;border-bottom:24px solid var(--primary)}
.kwitansi .left>div>small{color:#A1A1AA;display:block;margin-bottom:8px}
.kwitansi .left>div>ul{font-weight:bold;padding-left:4px}
.kwitansi .left>div>ul li{position:relative;padding-left:10px;line-height:1.4}
.kwitansi .left>div>ul li:nth-child(n+2){margin-top:2px}
.kwitansi .left>div>ul li::before{content:'•';position:absolute;left:0;margin-top:-1px}
.kwitansi .left>div:last-child{margin-top:auto;padding-top:32px}
.kwitansi .left>div:last-child>img{height:48px;margin-left:0}
.kwitansi .right{flex:1;padding:24px;border-left:1px solid var(--text);position:relative;display:flex;flex-direction:column;border-bottom:24px solid var(--primary)}
.kwitansi .right .kwitansi-header{border-bottom:1px solid var(--g3x);padding-bottom:12px}
.kwitansi .right .kwitansi-header h4{letter-spacing:2px;margin-bottom:6px}
.kwitansi .right .kwitansi-header h5{font-family:'Roboto Mono';display:flex;flex-wrap:wrap;font-size:14px}
.kwitansi .right .kwitansi-header h5 span:nth-child(1){flex:1}
.kwitansi .right>ul{margin:12px 0;font-size:12px;line-height:1.6;position:relative;z-index:1;}
.kwitansi .right>ul>li{display:flex;flex-wrap:wrap;gap:12px}
.kwitansi .right>ul>li:nth-child(1){margin-bottom:6px}
.kwitansi .right>ul>li:nth-child(n+3){margin-top:10px}
.kwitansi .right>ul>li span{width:140px}
.kwitansi .right>ul>li b{flex:1}
.kwitansi .right>ul>li b u{text-decoration:none;border-bottom:2px solid var(--primary)}
.kwitansi .right>ul>li>ul{flex:1;font-weight:bold}
.kwitansi .right>ul>li>ul li{position:relative;padding-left:10px;line-height:1.4}
.kwitansi .right>ul>li>ul li:nth-child(n+2){margin-top:4px}
.kwitansi .right>ul>li>ul li::before{content:'•';position:absolute;left:0;margin-top:-1px}
.kwitansi .right>.flex{margin-top:auto;position:relative;z-index:0;padding-top:36px}
.kwitansi .right>.flex>h4{font-family:'Roboto Mono';background-color:#f4e8e8;padding:12px 20px;border-radius:8px 8px 0 0;border-bottom:6px solid var(--primary)}
.kwitansi .right>.flex>h4 small{position:relative;top:-5px;margin-right:6px;font-size:16px}
.kwitansi .right>.flex>div{display:flex;flex-wrap:wrap;font-size:12px;width:280px;margin-left:auto;margin-top:auto;position:relative}
.kwitansi .right>.flex>div>*{flex:1;text-align:center}
.kwitansi .right .watermark{position:absolute;top:unset;margin:unset;bottom:48px;left:0;transform:unset;right:0;width:unset}
.mux-do .inv--detail .el-right{width:55%}
.mux-do .inv--detail .el-right ul li{font-size:12px}
.mux-do .inv--detail .el-right ul li span{width:172px}
.mux-do .inv--footer .flex{width:65%;margin-left:auto;gap:24px}
.mux-do .inv--footer .el-auth{text-align:left;font-size:14px;width:calc(50% - 12px);margin-right:0;pointer-events:none}
.mux-do .inv--footer .el_123 span{display:flex}
.mux-do .inv--footer .el_123 span+span{margin-top:4px}
.mux-do .inv--footer .el_123 span span{width:60px}