body{margin:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100vh}#app-header{-ms-flex-direction:row;flex-direction:row;height:55px;padding:0;margin:0;background-color:#6b1687;-ms-flex:0 0 55px;flex:0 0 55px;position:fixed;z-index:1020;width:100%}.navbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border:none;color:#fff}#sidebar-toggler{display:none}.navbar .brand{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:200px;height:55px;padding:0;margin-right:0;background-color:transparent}.navbar .brand img.logo{width:35px;height:35px;vertical-align:middle;border-style:none}.navbar .brand .name{font-size:20px;white-space:nowrap;padding-right:8px;padding-left:8px}.nav{-ms-flex-wrap:wrap;flex-wrap:wrap}.nav,.navbar-nav{display:-ms-flexbox;display:flex;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav{-ms-flex-direction:column;flex-direction:column;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.navbar .navbar-nav>li>a{color:#fff}.navbar .right-dropdown{margin-left:auto;margin-right:15px}.navbar .right-dropdown .dropdown-menu:before{right:9px;left:auto}.navbar .right-dropdown .dropdown-menu{right:0;left:auto;color:#333}#app-body{-ms-flex-direction:row;flex-direction:row;-ms-flex-positive:1;flex-grow:1;overflow-x:hidden;margin-top:55px}#app-body,#sidebar{display:-ms-flexbox;display:flex}#sidebar{-ms-flex-direction:column;flex-direction:column;padding:0;color:#fff;background:#2f353a;transition:margin-left .25s,margin-right .25s,width .25s,flex .25s;transition:margin-left .25s,margin-right .25s,width .25s,flex .25s,-ms-flex .25s;-ms-flex:0 0 250px;flex:0 0 250px;-ms-flex-order:-1;order:-1;position:fixed;z-index:1019;width:250px;margin-left:0;height:calc(100vh - 55px);overflow:auto}#sidebar ul li .sidebar-label{text-align:left;color:#aaa;padding:10px;font-size:1em;display:block;margin-left:5%}#sidebar ul li a{text-align:left;color:#fff;text-decoration:none;padding:10px;font-size:1.1em;display:block}#sidebar .sidebar-header{padding:20px;background:#6d7fcc}#sidebar .sidebar-header strong{display:none;font-size:1.8em}#sidebar ul.components{padding:20px 0;border-bottom:1px solid #212121}#sidebar ul li a:hover{color:#2f353a;background:#fff}#sidebar ul li.active>a{color:#fff;background:#43494d}#sidebar .nav-icon{display:inline-block;width:2.1rem;text-align:center;margin:0 1rem 0 5%}#sidebar a[data-toggle=collapse],#sidebar a[data-bs-toggle=collapse]{position:relative}#sidebar a[aria-expanded=false]:before,#sidebar a[aria-expanded=true]:before{content:"\f078";display:block;position:absolute;right:20px;font-family:"Font Awesome 6 Free";font-weight:900;font-size:.75em}#sidebar a[aria-expanded=true]:before{content:"\f077"}#sidebar ul ul a{font-size:.9em!important;padding-left:30px!important}#sidebar hr{margin-left:50px;margin-right:50px;border-color:#aaa}#app-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;color:#777;background:#dadce4;-ms-flex:0 0 40px;flex:0 0 40px;margin-left:250px;margin-top:0;padding-top:0;padding-bottom:0;height:40px;font-weight:700}#app-footer>div{margin:0 auto}#content{-ms-flex:1;flex:1;min-width:0;margin-left:250px;padding:40px}#app-footer.login,#content.login,#sidebar.login{margin-left:0}#overlay{display:none;position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.7);z-index:998;opacity:0;transition:all .25s ease-in-out}#overlay.active{display:block;opacity:1}.popover{max-width:100%}.modal .modal-content{overflow-y:initial}.modal .modal-body{max-height:calc(90vh - 110px);overflow-y:auto}.ui-front{z-index:2000}table.payment>thead>tr>th{font-weight:700}table.payment>thead>tr>th.toggle{width:5%}table.payment>thead>tr>th.processed-at{width:20%}table.payment>thead>tr>th.shop-class1{width:25%}table.payment>thead>tr>th.service-group{width:22%}table.payment>thead>tr>th.payment-method{width:8%}table.payment>thead>tr>th.amount-and-status{width:25%}table.payment>tbody>tr>td.amount-and-status>div,table.payment>thead>tr>th.amount-and-status>div{display:flex}table.payment>tbody>tr>td.amount-and-status>div>div.amount,table.payment>thead>tr>th.amount-and-status>div>div.amount{flex-grow:1;width:50%;padding-right:8px;text-align:right}table.payment>tbody>tr>td.amount-and-status>div>div.status,table.payment>thead>tr>th.amount-and-status>div>div.status{flex-grow:1;width:50%;padding-left:8px}table.payment>tbody>tr>td{padding-top:20px;padding-bottom:20px;vertical-align:middle}table.payment>tbody>tr>td.toggle{color:#01b7d4}table.payment>tbody>tr>td.processed-at>div,table.payment>tbody>tr>td.shop-class1>div{display:flex;flex-wrap:wrap}table.payment>tbody>tr>td.amount-and-status>div>div.amount{font-weight:700}table.payment img.logo{width:40px;height:auto}table.payment span.logo{width:40px;height:40px;display:inline-block}table.payment .badge{padding:5px 10px;font-size:1em}table.payment .badge-success{color:#5ab64f;background-color:rgba(123,175,77,.21)}table.payment .badge-failure{color:red;background-color:rgba(226,44,44,.17)}table.payment .badge-processing{color:#fe781e;background-color:rgba(249,107,32,.22)}table.payment .badge-cancel{color:#999;background-color:hsla(0,0%,60%,.25);font-size:1em}table.payment .job-and-status.success{color:#5ab64f}table.payment .job-and-status.failure{color:red}table.payment .job-and-status.processing{color:#fe781e}table.payment .job-and-status.cancel{color:#999}table.payment .sub-text{color:#bcbcbc;padding-left:8px}table.payment>tbody>tr.abstract-template,table.payment>tbody>tr.detail-template{display:none}table.payment>tbody>tr.abstract.opened,table.payment>tbody>tr.detail{background-color:#fafafa}table.payment>tbody>tr.detail>td,table.payment>tbody>tr.detail>th{border-top:none;padding:0}table.payment>tbody>tr.detail>td.metadata-and-transaction>div{display:flex}table.payment table.metadata-table{width:47.36842%}table.payment table.transaction-table{width:52.63158%}table.payment table.transaction-table>tbody>tr.transaction-template{display:none}table.payment table.transaction-table>tbody>tr>td.amount-and-status,table.payment table.transaction-table>tbody>tr>td.datetime{width:50%}table.payment table.transaction-table>tbody>tr>td.amount-and-status>div{display:flex}table.payment table.transaction-table>tbody>tr>td.amount-and-status>div>div.amount{flex-grow:1;width:50%;padding-right:8px;text-align:right}table.payment table.transaction-table>tbody>tr>td.amount-and-status>div>div.status{flex-grow:1;width:50%;padding-left:8px}table.payment table.sub-table{background-color:transparent}table.payment table.sub-table>tbody>tr>td,table.payment table.sub-table>tbody>tr>th{border-top:none}table.payment table.sub-table>tbody{background-color:transparent}table.payment table.sub-table>caption{color:#4f638e;text-align:left;font-weight:700}div.payment-count{margin-bottom:15px}table.payment button.cancel-button{margin:20px}@media (max-width:991px){body{font-size:12px}#sidebar-toggler{margin-left:5px;margin-right:5px;display:inline;background-color:transparent;border:none}.navbar .brand:not(.login){width:55px}.navbar .brand .name:not(.login){display:none}#sidebar{margin-left:-250px}#app-footer,#content,#sidebar.active{margin-left:0}#content{padding:10px}.table>tfoot>tr>th,.table>thead>tr>th{font-size:12px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:4px}table.payment>thead>tr>th.toggle{width:5%}table.payment>thead>tr>th.processed-at,table.payment>thead>tr>th.shop-class1{width:25%}table.payment>thead>tr>th.service-group{width:12%}table.payment>thead>tr>th.payment-method{width:8%}table.payment>thead>tr>th.amount-and-status{width:25%}table.payment>tbody>tr>td.service-group>span.service-group-name,table.payment>thead>tr>th.amount-and-status>div>div.status{display:none}table.payment>tbody>tr>td.amount-and-status>div{flex-wrap:wrap}table.payment>tbody>tr>td.amount-and-status>div>div.amount{width:100%;padding-right:0}table.payment>tbody>tr>td.amount-and-status>div>div.status{width:100%;text-align:right}table.payment>tbody>tr.detail>td.metadata-and-transaction>div{flex-wrap:wrap}table.payment table.metadata-table,table.payment table.transaction-table{width:100%}table.payment table.transaction-table>tbody>tr>td.amount-and-status>div{flex-wrap:wrap}table.payment table.transaction-table>tbody>tr>td.amount-and-status,table.payment table.transaction-table>tbody>tr>td.datetime{width:50%}table.payment table.transaction-table>tbody>tr>td.amount-and-status>div>div.amount{width:100%;padding-right:0}table.payment table.transaction-table>tbody>tr>td.amount-and-status>div>div.status{width:100%;text-align:right}}@media (max-width:767px){.navbar-nav{float:left;margin:0}.navbar-nav>li>a{padding-top:17px;padding-bottom:17px}.navbar .dropdown-menu:before{content:"";display:inline-block;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;position:absolute;top:-7px;left:9px}.navbar-nav .open .dropdown-menu{position:absolute;float:left;width:auto;background-color:#fff;border:1px solid rgba(0,0,0,.15);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.navbar .navbar-nav .open .dropdown-menu>li>a{color:#333}.navbar .navbar-nav .open .dropdown-menu .divider{background-color:#e5e5e5}}@media print{body{display:block}#app-header{position:relative}#app-body{margin-top:0}#app-body,#content{display:block}}