::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.25); border-radius: 5px; }
::-webkit-scrollbar-track { background-color: transparent; }
::-webkit-scrollbar-corner { background-color: transparent; }

body { padding-right: 0; }

dl, ol, ul { margin: 0; padding: 0; list-style: none; }
li, dt, dd { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
label { font-size: inherit; display: inline-block; user-select: none; cursor: pointer; position: relative; padding: 0; margin: 0; }
button { border: 0; outline: none; font-size: 12px; user-select: none; }
button:focus, .btn:focus { outline: none; }
input { font-size: 12px; outline: none; -moz-appearance:initial; }
input[type] { -font-size: 12px; }
input[type='text'][readonly] { background: #ccc; color: #fff; font-weight: bold; }
hr, br { display: block; clear: both; }


label.-combo { height: 30px; line-height: 30px; border-radius: 4px; overflow: hidden; float: left; font-weight: bold; }
label.-combo input[type='checkbox'],
label.-combo input[type='radio'] { cursor: pointer; display: inline-block; position: absolute; right: 0; }
label.-combo input[type='checkbox'] ~ span,
label.-combo input[type='radio'] ~ span { background: #ccc; color: #fff; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 30px; }
label.-combo input[type='checkbox']::before,
label.-combo input[type='radio']::before { content: ""; position: absolute; right: 0; z-index: 1; width: 10px; height: 10px; left: auto; border: 2px solid transparent; }
label.-combo input[type='checkbox']::after,
label.-combo input[type='radio']::after { content: ""; position: absolute; top: 0; right: 0; width: 29px; height: 28px; background: #fff; left: auto; border: 1px solid #ccc; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; }
label.-combo input[type='checkbox']:checked::before,
label.-combo input[type='radio']:checked::before { transform: rotate(-45deg); height: 6px; border-color: cadetblue; border-top-style: none; border-right-style: none; right: 8px; top: 9px; }
label.-combo input[type='checkbox']:checked ~ span,
label.-combo input[type='radio']:checked ~ span { background: cadetblue; }
label.-combo span { background: cadetblue; color: #fff; padding: 0 10px; height: inherit; border-radius: 4px; display: inline-block; }

table th {
    /*white-space: nowrap;*/
    white-space: unset;
}
table tr.-active,
table tr.-active td[colspan],
table tr.-active td { background: #f5f5f5; }
/*table tr:hover { background: #fafafa; }
table tr:hover td { background: #fafafa; }*/

select { display: inline-block; margin: 0; padding: 0; font-size: 12px; }
.x-hide { display: none; }
hide { display: block; display: none; }
[x-hide] { display: none; }
html { font-size: 12px; }


#x-overlay, .x-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; z-index: 5001; display: none; }
#x-overlay.-open, .x-overlay.-open { display: block; }
[x-center] { text-align: center; display: inline-block; }
.x-center { text-align: center; }

.x-file { text-align: center; position: relative; display: inline-block; background: #D0EEFF; border: 1px solid #99D3F5; border-radius: 4px; padding: 4px 12px; overflow: hidden; color: #1E88C7; text-decoration: none; text-indent: 0; line-height: 20px; cursor: pointer; }
.x-file input { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; cursor: pointer; }
.x-file:hover { background: #AADFFD; border-color: #78C3F3; color: #004974; text-decoration: none; }

.x-tb .-bulk { display: inline-block; margin: 0; position: relative; }

.x-tb .-bulk .-overlay { display: none; position: absolute; z-index: 5002; top: 29px; left: 5px; background: #fff; border: 1px solid #ccc; box-shadow: 0 5px 15px rgb(0 0 0 / 8%); width: 340px; }
.x-tb .-bulk .-overlay.-open { display: block; }
.x-tb .-bulk .-body { padding: 20px; }

.x-tb .-foot { background: #f5f5f5; padding: 10px 20px; text-align: right; }
.x-tb .-foot li { background: #f5f5f5; padding: 10px; }
.x-tb .-foot a { margin: 0 }
.x-tb a.-cancel { background: #999; color: #fff; }
.x-tb a.-cancel:hover { background: #aaa; color: #fff; }

.x-money { text-align: right; }

.btn { user-select: none; }

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none; }
form { margin: 0; padding: 0; }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.4; }
.ui-widget-overlay { opacity: 0.4; }

#x-gotop { width: 25px; position: fixed; right: 10px; bottom: 0; background: #333; z-index: 3000; color: #fff; text-align: center; display: block; font-size: 10px; padding: 0 5px; line-height: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
#x-gotop i { font-size: 20px; display: block; }

.ns-base-header { left: 0; width: auto; right: 0; }
#x-page-loading { position: fixed; z-index: 9999; width: 30px; height: 30px; right: 0; left: 50px; bottom: 50px; }
#x-page-loading.-show-off { display: none; }
#x-page-loading img { display: inline-block; }

i:not(.fa) { font-style: normal; }

.x-toggle-check { width: 20px; height: 20px; display: inline-block; background-size: 20px 20px; background-color: transparent; vertical-align: middle; border-radius: 50%; background-image: url(/public/admin/images/un_checked.png); background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; }
.x-toggle-check.-on { background-image: url(/public/admin/images/checked.png); }
.x-toggle-check.-off { background-image: url(/public/admin/images/un_checked.png); }

.-chk-td .fa-ban { font-size: 16px; cursor: no-drop; }

.impowerBox .title { display: none; }
.impowerBox .qrcode { width: 200px; height: 200px; margin-top: 0; border: 0; cursor: pointer; background-color: transparent; }
.impowerBox .info { display: none; }
.status_icon { display: none; }
.impowerBox .status { text-align: center; }