*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#4b5563;background:#f9fafb}
html,body{height:100%}
hr{margin:0.5rem 0;color:inherit;border:0;border-top:1px solid;opacity:0.15}
h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:0.5em;font-weight:500;line-height:1.2}
h1,.h1{font-size:1.75rem}
h2,.h2{font-size:1.5rem}
h3,.h3{font-size:1.25rem}
h4,.h4{font-size:1rem}
h5,.h5{font-size:0.875rem}
h6,.h6{font-size:0.75rem}
p{margin-top:0;margin-bottom:1rem}
ol,ul{padding-left:2rem}
ol,ul,dl{margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:0.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small,.small{font-size:.875em}
mark,.mark{padding:0.2em;background-color:#fcf8e3}
sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline;font-weight:normal}
sub{bottom:-0.25em}
sup{top:-0.5em}
a{color:#4b5563;text-decoration:none}
a:hover{color:#6366f1}
pre{display:block;margin-top:0;text-align:left;padding:0.5rem;margin-bottom:1rem;overflow:auto;font-size:0.75rem;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;direction:ltr;unicode-bidi:bidi-override}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:0.5rem;padding-bottom:0.5rem;color:#9ca3af;text-align:left}
th, td{text-align:center; text-align: -moz-center; text-align: -webkit-center;text-wrap:wrap;}
thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}
/* Reference ID + Copy BTN */
#reference_head {width: 300px;}
#reference_id {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding-top:1rem;max-width: 300px;}
#reference_id > #reference_txt {width: auto; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;margin-bottom: 0.5rem;}
.tooltip {position: absolute;display: none;background-color: #333;color: #fff;padding: 5px 10px;border-radius: 5px;z-index: 1; bottom: 30px;left:-40px;}
.copy-btn:hover .tooltip {display: block;}
.copy-btn {margin-bottom: 0.5rem; padding: 0.5rem!important;}
.copy-btn:hover {color: #6366F1;}
/* Reference ID + Copy BTN */
label{display:block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
select{word-wrap:normal}
select:disabled{opacity:1}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;cursor:pointer}
progress{vertical-align:baseline}
template,[hidden],.hidden{display:none !important}
button:focus{outline:0}
chart{display:block}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
p:last-child{margin-bottom:0}

.nav{display:block;padding:0;margin:0;list-style:none;text-align:left}
.nav > li > a{display:block;text-decoration:none;padding:.5rem 1rem;position:relative}
.nav i:before{font-size:1.25em;vertical-align:-0.2em}
.nav-label{margin-top:1rem;font-size:.875em}
.nav .badge {border-radius:5rem;float:right}
.nav-info{text-align:center;border-bottom:1px solid #ccc;padding:0.5rem;margin-top:-0.5rem;margin-bottom:0.5rem}
.nav-list li{padding:0.25rem;border-bottom:1px solid #ccc}
.nav-list li:last-child{border-bottom:none}

.btn{display:inline-block;font-weight:500;color:inherit;text-align:center;white-space:nowrap;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.5rem 1rem;font-size:.875rem;line-height:1.4285714286;border-radius:0.25rem;position:relative;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;-o-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
.btn-sm{padding:0.25rem 0.5rem;font-size:0.875rem;border-radius:0.25rem}
.btn-main{color:#fff;background-color:#6366f1;border-color:#6366f1}
.btn-main:hover{color:#fff;background-color:#5457cd;border-color:#4f52c1}
.btn-default{color:#4b5563;background-color:#fff;border-color:#d1d5db;}
.btn-default:hover{color:#4b5563;background-color:#f9fafb;border-color:#d1d5db}
.btn-second{color:#4b5563;background-color:#f5f5f5;border-color:#ccc}
.btn-second:hover{color:#222;background-color:#dedede}
.btn-block{width:100%}
.btn-group{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}
.btn-group>.btn{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
.btn-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn+.btn{border-top-left-radius:0;border-bottom-left-radius:0}
.btn-group>.btn:not(:first-child){margin-left:-1px}
.btn-wrap{min-width:7rem}
.btn.active{color:#fff;background-color:#6366f1;border-color:#6366f1}
.active:hover{color:#fff;background-color:#5457cd;border-color:#4f52c1}
.btn.update {color: #fff;background-color: #eac300;border-color: #d3b700;}
.btn.blocked{color:#fff;background:#EF4444;border-color:#EF4444}
.btn:disabled,.btn.disabled{pointer-events:none;opacity:.65}
.btn-amounts{margin-bottom:0.5rem}
.btn-amounts .btn{padding:0.5rem;min-width:3rem}
.table-btn {cursor: pointer}

.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    color:#fff;
    text-shadow: #1b1b1b 1px 1px 1px;
    border: 1px outset #6366f1;
}

.btn-success {
    background: #5EB234;
}
.btn-success:hover {
    background: #237716;
}
.btn-info {
    background: #309be8;
}
.btn-info:hover {
    background-color: #207ce3;
}
.btn-warning {
    background-color: #e3bc20;
}
.btn-warning:hover {
    background:#E8A530;
}
.btn-danger {
    background:#C91D1D;
}
.btn-danger:hover {
    background: #980707;
}

.input,.chip-input{display:block;width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.4285714286;color:#4b5563;background-color:#fff;border:1px solid #d1d5db;border-radius:0.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.input-sm{min-height:calc(1.42857em + 0.5rem + 2px);padding:0.25rem 0.5rem;font-size:0.875rem;border-radius:0.2rem}
.input-select.input-sm{min-height:calc(1.42857em + 0.5rem + 2px);padding:0.25rem 2.25rem 0.25rem 0.5rem;font-size:0.875rem;border-radius:0.2rem}
.input:focus,.chip-input:focus{color:#4b5563;background-color:#fff;border-color:#6366f1;outline:0;-webkit-box-shadow:0 0 0 0.125rem #6366f140;box-shadow:0 0 0 0.125rem #6366f140}
.input-row{margin-bottom:1rem}
.input-label{margin-bottom:0.5rem;font-weight:bold;font-size:0.75rem}
.input-invalid{display:none;width:100%;margin-top:0.25rem;font-size:.875em;color:#ef4444;text-align:center}
.input-invalid.active{display:block}
.input-select{display:block;text-align:left;width:100%;padding:.5rem 2.25rem .5rem .75rem;font-size:.875rem;line-height:1.4285714286;color:#4b5563;background-color:#fff;border:1px solid #d1d5db;border-radius:0.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231f2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;-webkit-transition:border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;-o-transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.input-select option{color:#4b5563}
.input-check{display:block;padding-left:1.6428571429em;margin-bottom:0.125rem;cursor:pointer}
.input-check input{width:1.1428571429em;height:1.1428571429em;margin-top:0.1785714286em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none}
.input-check input{float:left;margin-left:-1.6428571429em}
.input-check input{border-radius:0.25em}
.input-check input:checked{background-color:#6366f1;border-color:transparent;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}
.input-switch{display:block;padding-left:2.5em;margin-bottom:0.125rem}
.input-switch input{width:2em;margin-left:-2.5em;border-radius:2em;height:1.1428571429em;margin-top:0.1785714286em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;-webkit-transition:background-position .15s ease-in-out;-o-transition:background-position .15s ease-in-out;transition:background-position .15s ease-in-out;}
.input-switch input:checked{background-position:right center;background-color:#6366f1;border-color:transparent;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
.input::-moz-placeholder {color:#9ca3af;opacity:1;}
.input::-webkit-input-placeholder {color:#9ca3af;opacity:1}
.input:-ms-input-placeholder {color:#9ca3af;opacity:1}
.input::-ms-input-placeholder {color:#9ca3af;opacity:1}
.input::placeholder {color:#9ca3af;opacity:1}
.input:disabled,.input-select:disabled{background-color:#f3f4f6;opacity:1}
.input::-webkit-file-upload-button {padding:0.5rem 0.75rem;margin:-0.5rem -0.75rem;-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;color:#4b5563;background-color:#f3f4f6;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0}
.input.ng-empty,.input-select.ng-empty,.input-select option[value='']{color:#9ca3af}
.input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}
.input-group>.input, .input-group>.input-select {position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0}
.input-group>:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}
.input-group>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.input-group .btn {position: relative;z-index: 2}
.input-group-text{padding:0.5rem 0.75rem;font-weight:400;color:#4b5563;text-align:center;white-space:nowrap;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:0.25rem;}
.input-group>.input:focus, .input-group>.input-select:focus {z-index:3}
.input.groups{width: 140px;}
.input.groups-text{width: 140px;}
.groups-flex{display: flex; flex-direction: column}
.input.groups-text.right{margin-bottom: 5px; float: right}
.groups-input-flex{display: flex; justify-content: space-between}
.label-left{display: flex;align-items: center;}
.right-5{margin-right: 5px}

.app{font-size:0.875rem;line-height:1.4285714286;position:absolute;width:100%;height:100%;overflow:auto}
.app-main{position:relative;margin-left:15rem}
.app-body{min-height:calc(100vh - 3.5rem);padding:2rem}
.app-head{position:sticky;top:0;z-index:1000}
.app-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.app-menu{background:#1f2937;position:fixed;height:100%;z-index:1010;top:0;left:0;width:15rem;overflow:hidden}
.app-menu.mini{width:5rem}
.app-menu.mini + .app-main{margin-left:5rem}
.app-menu.mini .menu-name,.app-menu.mini .menu-title,.app-menu.mini .menu ul ul{display:none}
.app-menu.mini:hover{width:15rem}
.app-menu.mini:hover .menu-name,.app-menu.mini:hover .menu-title{display:inline-block}
.app-menu.mini:hover .menu ul ul{display:block}

.menu{position:relative;height:100%;color:#6b7280}
.menu-head{height:3.5rem;padding:1rem}
.menu-body{overflow:hidden;position:absolute;bottom:0;top:3.5rem;width:100%;padding:1rem 0.5rem;}
.menu-head{text-align:center;color:#fff}
.menu-title{font-weight:500;font-size:1.325rem;line-height:1}
.menu li > a[toggle]:after{content:"\F282";position:absolute;right:5px;top:7px;font-family:'bootstrap-icons'}
.menu li > a{color:#9ca3af;font-weight:500;padding:0.5rem}
.menu li > a:hover,.menu li > a:hover i{color:#ffffffbf}
.menu li > a:hover{color:#ffffffbf}
.menu-body > ul > li > a.current{background:#0000004d}
.menu li > a.current, .menu li > a.current i{color:#fff}
.menu ul ul{padding-left:36px}
.menu i{margin-right:1rem;color:#6b7280;display:inline-block;width:20px}
.menu-label{padding:0 0.15rem;text-transform:uppercase;font-size:0.75em;}

.menu .nav.ng-enter{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:0;max-height:0;overflow:hidden}
.menu .nav.ng-enter-active{opacity:1;max-height:120px}
.menu .nav.ng-leave{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;overflow:hidden;max-height:120px}
.menu .nav.ng-leave-active{opacity:0;max-height:0}

.head{padding:0.5rem 2rem;background:#fff;height:3.5rem;-webkit-box-shadow:0 10px 30px #523f690d;box-shadow:0 10px 30px #523f690d}
.head-menu{float:left}
.head-actions{float:right}
.head-actions > ul{display:-webkit-box;display:-ms-flexbox;display:flex}
.head-actions > ul > li > a{padding:0.5rem}
.head-actions .img-user{width:36px;height:36px;display:inline-block;vertical-align:middle}

.auth{display:table;height:100%;width:100%;background:#1f2937;color:#fff;}
.auth-main{display:table-cell;vertical-align:middle;padding:1rem 1rem 8rem 1rem}
.auth-content{max-width:20rem;margin:0 auto}
.auth-title{margin-bottom:0.5rem}

.table{width:100%;border:1px solid transparent;}
.table th,.table td{padding:0.5rem;border-bottom-width:1px;text-wrap:wrap;}
.table .table-actions{padding:0.25rem;text-align:center;white-space:nowrap}
.table-hover:hover{cursor:pointer}
.table-main{border-color:rgba(0,0,0,0.07);}
.table-main tbody tr:nth-of-type(odd){background:#f9fafc}
.table-main thead{border-bottom:2px solid currentColor;color:#1f2937}
.table-history{border-color:rgba(0,0,0,0.07);}
.table-history tbody tr:nth-of-type(odd){background:#f9fafc}
.table-history thead{border-bottom:2px solid currentColor;color:#1f2937}
.table-default th,.table-default td{padding:0.25rem}
.table .sort{cursor:pointer;position:relative;}
.table .sort:after{position:absolute;opacity:.3;content:"\F283";margin-left:5px;font-family:'bootstrap-icons'}
.table .sort.asc:after,.table .sort.desc:before{opacity:0}
.table .sort.asc:after{content:"\F286";opacity:1}
.table .sort.desc:after{content:"\F282";opacity:1}
.table-list{border-color:#d2d2d2;text-align:center;font-size:0.875rem;line-height:1.4285714286}
.table-list thead{background:#f4f4f4;font-size:0.75rem}
.table-list td{padding:0.25rem}
.table-report{border:1px solid #272b31;text-align:center;background:#6d747e;color:#fff}
.table-report thead{background:#1f2937;font-size:0.75rem;text-transform: uppercase}
.table-report thead small{color:#0891b2}
.table-report thead th{padding:0 0.5rem;height:2.25rem}
.table-report .table-hover{background:#4d5867}
.table-report .table-hover.active, .table-report .table-hover:hover{background:#6f7d90}

.panel{background-color:#fff;border-radius:0.25rem;margin-bottom:1rem}
.panel-head{padding:0.5rem 1rem}
.panel-body{padding:1rem;}
.panel-title{margin-bottom:0;color:inherit}
.panel-filter{margin-top:0.5rem;margin-bottom:0.5rem}
.panel-foot{padding:0.5rem 1rem}
.panel-wrap{overflow:auto}
.panel-modal{border:none;border-radius:0.5rem}
.panel-modal .panel-head{padding:1rem;background:#1f2937;color:#fff}
.panel-modal .panel-foot{padding:0.5rem 1rem 1rem 1rem;text-align:center}

.panel-main{-webkit-box-shadow:#0000001a 0 4px 12px;box-shadow:#0000001a 0 4px 12px;border:1px solid rgba(0,0,0,.125);}
.panel-main .panel-head{border-bottom:1px solid rgba(0,0,0,.125)}
.panel-main .panel-foot{border-top:1px solid rgba(0,0,0,.125);background:#fff;position:sticky;bottom:0;z-index:10;-webkit-box-shadow:0 -10px 10px #fff;box-shadow:0 -10px 10px #fff}
.panel-main .panel-body + .panel-body{border-top:1px solid rgba(0,0,0,.125);}
.panel-tabs ul{display:table;width:100%;text-align:center;table-layout:fixed}
.panel-tabs ul{display:table;width:-webkit-fill-available;text-align:center;table-layout:fixed}
.panel-tabs li{display:table-cell}
.panel-tabs li a{border:1px solid transparent;background:#e6e6e6;border-bottom-color:#ccc}
.panel-tabs li a.active{background: #6366ef;border-color:transparent #ccc;color: #fff}
.panel-tabs li:hover{background: #7679f8;color: #fff}


.row{margin-right:-0.5rem;margin-left:-0.5rem;}
.row:after{content:'';clear:both;display:table;float:none}
.row > *{padding-left:0.5rem;padding-right:0.5rem;min-height:1px;float:left}
.row-sm{margin-right:-0.25rem;margin-left:-0.25rem}
.row-sm >*{padding-left:0.25rem;padding-right:0.25rem}
.row-xs{margin-right:0;margin-left:0}
.row-xs >*{padding-left:0;padding-right:0}
.row-5 >*{width:20%}

.col-1{width:8.33333333%}
.col-2,.row-6 >*{width:16.66666667%;}
.col-3,.row-4 >*{width:25%;}
.col-4,.row-3 >*{width:33.33333333%}
.col-5{width:41.66666667%;}
.col-6{width:50%}
.col-7{width:58.33333333%}
.col-8{width:66.66666667%}
.col-9{width:75%}
.col-10{width:83.33333333%}
.col-11{width:91.66666667%}
.col-12{width:100%}
.col-auto{width:auto}

.text-main{color:#1f2937}
.text-default{color:#9ca3af}
.text-prime{color:#0891b2}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.text-danger{color:#EF4444}
.text-success{color:#16A34A}
.text-black{font-weight:bold}
.text-mute{opacity:0.45}
.text-gold{color:orange}
.text-empty{margin:0;text-align:center;color:#9ca3af;padding:2rem}
.text-nowrap{white-space:nowrap}

.bg-success{background:#16A34A;color:#fff}
.bg-danger{background:#EF4444;color:#fff}
.bg-default{background:#9ca3af;color:#fff}
.bg-main{background:#6366F1;color:#fff}

.alert-message{position: relative;padding: 0.75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: 0.25rem;}
.alert-success{color: #155724;background-color: #d4edda;border-color: #c3e6cb;}
.alert-danger {color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;}
.alert-warning {color: #856404;background-color: #fff3cd;border-color: #ffeeba;}

.pull-clear:after{content:'';display:table;clear:both}
.pull-left{float:left}
.pull-right{float:right}

.inner{display:-webkit-box;display:-ms-flexbox;display:flex}
.inner-menu{width:14rem;margin-right:1rem;-ms-flex-negative:0;flex-shrink:0}
.inner-menu li > a{padding:0.5rem 0;color:#9ca3af}
.inner-menu li > a.active{color:#1F2937;font-weight:700}
.inner-menu li i{margin-right:0.75rem}
.inner-main{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
.inner-main > .panel,.inner-menu > .panel{height:100%;margin-bottom:0}

.message{position:fixed;bottom:30px;font-size:16px;left:15px;right:15px;text-align:center;pointer-events:none;z-index:2000}
.message-text{background:#0d6efd;color:#fff;padding:15px 40px;display:inline-block;border-radius:40px;min-width:280px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.6);box-shadow:0 4px 10px rgba(0,0,0,0.6);position:relative;pointer-events:auto}
.message.ng-enter{-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;opacity:0;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}
.message.ng-enter-active{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.message.ng-leave{-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;max-height:54px}
.message.ng-leave-active{opacity:0;max-height:0;margin-top:0}
.message.error .message-text{background:#b71c1c;color:#fff}
.message.success .message-text{background:green;color:white}
.message.warning .message-text{background:orange;color:black}

.img{overflow:hidden;background:#ecf0f1;position:relative}
.img img{width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.img-user{border-radius:50%;width:42px;height:42px}
.img-fluid{width:100%}

.game{margin-bottom:0.5rem;position:relative}
.game-hover .game-img{cursor:pointer}
.game-img{padding-bottom:60%;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
.game-info{padding:0.5rem 0;color:#808080;height:4rem}
.game-meta{margin-bottom:0.5rem;font-size:0.75rem}
.game-name{color:#0f0f0f;font-weight:500}
.game.disabled,.game.blocked .game-img{opacity:0.6}
.game.disabled:after{content:'';position:absolute;right:0;top:0;background:url("../img/games/disabled.png");width:70px;height:70px}
.game.blocked:after{content:'';position:absolute;right:0;top:0;background:url("../img/games/blocked.png");width:70px;height:70px}
.game-hover.active .game-img,.game-hover .game-img:hover{-webkit-filter:grayscale(1);filter:grayscale(1)}
.game-device{position:absolute;z-index:2;text-align:center;height:20px;width:50px;background-color:#ffdf1b;bottom:0;-webkit-box-shadow: 3px -2px 4px rgba(0,0,0,1.5);box-shadow: 3px -2px 4px rgba(0,0,0,1.5);border-top-right-radius:5px;}

.badge{display:inline-block;padding:0.35em 0.65em;font-size:.8em;font-weight:700;line-height:1;text-align:center;text-transform:uppercase;white-space:nowrap;vertical-align:baseline;border-radius:0.25rem}

.breadcrumb{margin-bottom:1rem;color:#9ca3af;font-size:0.875rem;line-height:1.4285714286;}
.breadcrumb li{display:inline-block;vertical-align:middle;margin-right:0.75rem}
.breadcrumb li + li:before {float:left;padding-right:0.75rem;color:#9ca3af;content:"/"}
.breadcrumb li > a {color:#4b5563;padding:0;display:inline}

.dialog{position:fixed;top:0;left:0;z-index:1100;width:100%;height:100%;overflow:auto;outline:0;opacity:0;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;background:rgba(0,0,0,0.35)}
.dialog.show{z-index:1110;opacity:1;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.dialog-wrapper{display:table;width:100%;height:100%;pointer-events:none}
.dialog-holder{display:table-cell;vertical-align:middle;padding:1rem}
.dialog-content{position:relative;max-width:850px;pointer-events:auto;margin:0 auto;border-radius:.3rem;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;-o-transition:transform 0.2s;transition:transform 0.2s;transition:transform 0.2s, -webkit-transform 0.2s;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);box-shadow:0 0 10px rgba(0,0,0,0.25)}
.dialog.show .dialog-content{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;-o-transition:transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;}
.dialog.loading .dialog-content:after{background:url("../img/dialog/loader.gif") no-repeat fixed center rgba(255,255,255,0.3);content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.dialog.large .dialog-content{max-width:64rem}
.dialog.medium .dialog-content{max-width:42rem}
.dialog.ng-leave{opacity:1}
.dialog.ng-leave-active{opacity:0}
.dialog-close{position:absolute;z-index:110;right:5px;top:5px;width:42px;height:42px;opacity:0.5;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' %3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:none}
.dialog-close:hover{opacity:1}
.dialog::-webkit-scrollbar-thumb{background-color:#222}

.drop{position:relative}
.drop-toggle{white-space:nowrap;position:relative}
.drop-menu{position:absolute;z-index:1000;min-width:10rem;padding:0.5rem 0;margin:0;color:#4b5563;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.075);border-radius:0.25rem;-webkit-box-shadow:#0000001a 0 6px 24px;box-shadow:#0000001a 0 6px 24px}
.drop-menu-end{right:0;left:auto}
.drop-menu li > a{color:#4b5563;white-space:nowrap}
.drop-menu li > a:hover{color:#4b5563;background-color:#f3f4f6}
.drop.open .drop-menu{display:block}
.drop-head{border-bottom:1px solid rgba(0,0,0,.075);white-space:nowrap;padding:.5rem 1rem 1rem;color:#4b5563;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:0.75rem}
.drop-body{white-space: nowrap;max-height:20rem;overflow:auto}
.drop-empty{padding:0.5rem;text-align:center}
.drop .drop-user{padding:0 0 0 0.5rem}

.drop-suggest .drop-menu{min-width:100%;border:1px solid #ccc}
.drop-suggest .drop-menu ul{max-height:280px;overflow:auto}
.drop-suggest .drop-menu li > a{padding:0.25rem 0.5rem}
.drop-suggest .drop-menu li > a.active{background:#0d6efd;color:#fff}

.pagination{display:inline-flex;vertical-align:top;font-size:0.75rem;line-height:1.5;}
.pagination li{display:inline}
.pagination li > a{float:left;text-align:center;min-width:1.875rem;border:1px solid #d1d5db;padding:0.25rem;margin-left:-1px;user-select:none}
.pagination li > a:hover{color:#4b5563;background-color:#f3f4f6}
.pagination li > a.active{color:#6366f1;background-color:#eff0fe;border-color:#6366f1;z-index:1}
.pagination li > a.disable{color:#9ca3af;pointer-events:none;background-color:#fff}
.pagination .pagination-controls-right{margin-left: 1.25rem;}
.pagination .pagination-controls-left{margin-right: 1.25rem;}
.pagination .page-input{min-height:calc(1.42857em + 0.5rem + 2px);padding:0;font-size:0.775rem;border-radius:0.2rem;border:1px solid #d1d5db;text-align: center}
.w100 {width:100%;}
.results-flex{display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between}
.results-text {margin-right: auto;text-align: left;}

.list{border-radius:0.25rem;padding:0;margin:0;list-style:none}
.list-item{position:relative;padding:0.5rem 1rem;color:#4b5563;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.list-item+.list-item{border-top-width:0}
.list-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}
.list-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}

.list.double-column{display: flex; flex-wrap:wrap}
.double-column .list-item {width: 50%}
.double-column .list-item:nth-child(2n) {border-left-width: 0;}
.double-column .list-item:first-child {border-top-right-radius: initial;}
.double-column .list-item:nth-child(2) {border-top-width: 1px;border-top-right-radius: inherit;}
.double-column .list-item:last-child {border-bottom-left-radius: initial;}
.double-column .list-item:nth-last-child(2):nth-child(odd) {border-bottom-left-radius: inherit;}
.double-column .list-item:last-child:nth-child(odd) {border-bottom-left-radius: inherit; width: 100%;}

.alert{padding:1rem;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.alert-img{max-width:20%;margin:0 auto;}
.alert-info{margin-top:1rem;margin-bottom:1rem}

.inline{display:inline-block;vertical-align:middle}
.vs{display:inline-block;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;width:1px;min-height:1em;background-color:currentColor;opacity:.25;margin-right:0.5rem;margin-left:.5rem}
.loader{background:url("../img/preloader.svg") no-repeat center rgba(255,255,255,0.4);position:absolute;z-index:500;top:3.5rem;left:0;right:0;bottom:0}

::-webkit-scrollbar{width:16px;background:inherit}
::-webkit-scrollbar-thumb{height:56px;border-radius:8px;border:4px solid transparent;background-clip:content-box;background-color:#ababab}
::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field {padding:0}
::-webkit-inner-spin-button {height:auto}

.hr-text {cursor: pointer;line-height: 1em;position: relative;outline: 0;border: 0;color: black;text-align: center;height: 1.5em;opacity: 0.5;}
.hr-text:before {content: '';background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent));background: -o-linear-gradient(left, transparent, #818078, transparent);background: linear-gradient(to right, transparent, #818078, transparent);position: absolute;left: 0;top: 50%;width: 100%;height: 1px;}
.hr-text:before {content: '';background: -o-linear-gradient(left, transparent, #818078, transparent);background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent));background: linear-gradient(to right, transparent, #818078, transparent);position: absolute;left: 0;top: 50%;width: 100%;height: 1px;}
.hr-text:after {position: relative;display: inline-block;color: black;padding: 0 0.5em;line-height: 1.5em;color: #818078;background-color: #fcfcfa;}
.hr-text.main-settings:after {content: attr(data-content);}
.hr-text:not(.main-settings):after {content: attr(data-content)   '⮝';}
.hr-text.closed:after{content: attr(data-content)   '⮟'}

.csv{background: transparent; border-color: transparent}

/* Free Spins Manager Grid Layout */
.panel-grid {display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; gap: 0; }
.panel-grid .list-item {background: #fff; border:none;  display: flex;flex-direction: row;width: 100%;padding: 5px; transition: all 0.5s}
.panel-grid .list-item:hover a,.panel-grid .list-item:hover button {background: #6b7280; border-radius: 10px; box-shadow: 0 0.7em 1.5em -1.5em #000; transition: all 0.5s}
.panel-grid .list-item.cancel-voucher:hover a, .panel-grid .list-item.cancel-voucher:hover button {background: darkred; box-shadow: 0 0.7em 1.5em -1.5em #000; transition: all 0.5s}
.panel-grid .list-item img {width: 82px; height:82px;display: block;padding:.5rem}
.panel-grid .list-item:hover img {filter: invert(1) brightness(1000%) contrast(100%); transition: all 0.5s}
.panel-grid .list-item:hover a strong, .panel-grid .list-item:hover button strong {color: #fff;}
.panel-grid .list-item a, .panel-grid .list-item button {background:#fff;border:none;text-align: center;padding:10px 20px;margin-right:10px;width: 25%;display: flex;flex-direction: column;align-items: center;}
.panel-grid .list-item .short-desc {width: 75%;}
.panel-grid .list-item .short-desc, .panel-grid .list-item a strong, .panel-grid .list-item button strong {text-decoration: none; color: #6b7280; transition: all 0.5s}
.panel-grid .list-item:hover .short-desc {color: #000; transition: all 0.5s}
.w20{width: 20%!important;}

.tooltip-new {position: relative;display: table-cell;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;}
.tooltip-new .popuptext {visibility: hidden;background-color: #6366f1;color: #fff;text-align: center;border-radius: 6px;padding: 5px 8px;position: absolute;font-size: 0.7rem;z-index: 1;bottom: 40px;left: 20%;}
.tooltip-new .show {visibility: visible;-webkit-animation: fadeIn 1s;animation: fadeIn 1s;}

@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity:1 ;}}

/* Chip button */
.chip {display: inline-block;width: auto;background-color: #6366f1;color: #fff;border-radius: 3px;margin: 10px 5px 0 0;overflow: hidden;float: left;}
.chip .chip--button {padding: 3px 8px;cursor: pointer;background-color: #474acc;display: inline-block;}
.chip .chip--text {padding: 3px 8px;cursor: unset;display: inline-block;pointer-events: none;}

abbr.required { color:#EF4444; padding-right: 5px; }


/* Voucher Alerts */
.v-high-error{background: #980707;}
.v-low-error{background:#C91D1D;}
.v-high-warning{background:#E8A530;}
.v-low-warning{background: #48c9dc;}
.v-high-info{background: #309be8;}
.v-low-info{background: #C8CDD0;color:#000;max-width:160px;text-wrap:wrap;line-height:16px;width:100%}
.v-active{background: #5EB234;}
.v-complete{background: #237716;}
.v-high-error,.v-low-error,.v-high-warning,.v-low-warning,.v-high-info,.v-active,.v-complete{color: #fff;max-width:160px;text-wrap:wrap;line-height:16px;width:100%}

.upload-img {width: 248px; height: 169px;}
.upload-flex {display: flex;justify-content: center;}
.file:hover {cursor: pointer;}
.progress-container {width: 100%;background-color: #f3f3f3;border-radius: 25px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);margin: 20px 0;padding: 3px;}
.progress-bar {height: 30px;background: linear-gradient(to right, #4facfe, #00f2fe);border-radius: 25px;text-align: center;line-height: 30px;color: white;font-weight: bold;}
.percentage {margin-top: 10px;font-size: 18px;font-weight: bold;}
.edit-btn {border: none; border-radius: 5px; padding: 5px 10px;}
.overview-flex {display: flex;justify-content: space-between;}
.h6-overview {padding: 5px 10px;}
.img-block {border: 1px solid #4b5563; border-radius: 10px; margin-bottom: 10px; padding: 5px;}
.img-light {background: transparent;}
.h2-theme  {text-align: center;}

.filters{display:flex}
.filters-inputs {overflow: hidden;height:60px;flex:1}
.filters.active .filters-inputs {height:auto}

.time {
    display: flex;
    border: 1px solid #ccc;
    align-items: center;
    padding: 4px;
    color: #838282;
}

select.time-sel {
    border: none;
    padding: 4px;
    appearance: none;
    color: inherit;
}

.flex3{display: flex; justify-content: space-between;}
/* Device Responsive (down to Tablet screens) */
@media all and (max-device-width: 1024px){
    /* App Container */
    .app {display: flex;}
    .app-menu:not(.mini) {width: 30vw;overflow: hidden;}
    .app-menu:not(.mini) + .app-main {margin-left: 30vw;width: 70vw;}
    .app-menu.mini + .app-main {margin-left: 10vw;width: 90vw}
    .app-menu.mini {width: 10vw;overflow: hidden;}
    .app-body{padding:2rem 1rem;}
    .app-main {width: 90vw}

    /* Main classes */
    .table.table-main {table-layout: fixed;word-break: break-word;text-wrap:wrap}
    .table .table-actions {white-space: normal;}
    .badge {width:fit-content!important}
    .row .col-5 {width:100%}
    .col-2, .row-6 > * {width: 33.33333%;}
    .row.pull-right{display: flex;}
    .row.panel-filter{display: flex;}
    .input-row.row {display: flex}
    .row-m{display: flex;flex-direction: column}

    /* Buttons */
    .btn-default{text-wrap:wrap;}

    /* Dialogs */
    .dialog-content{max-width: 600px;}

    /* Home charts */
    chart[type="area"]{flex-grow: 1;width: 100%;height: 100%;overflow: auto;}

    /* Free Spins Manager */
    .panel-grid {display: grid; grid-template-columns: repeat(1, 1fr); justify-items: center; gap: 1rem; padding: 20px;}
    .panel-grid .list-item a {width:35%;}
    .panel-grid .list-item .short-desc {width: 65%;}

}
.config{margin-bottom: 0;width: 600px;overflow: hidden;}

.py-1 {margin:1rem 0}
.mt-1 {margin-top:1rem}
.mr-1 {margin-right:1rem}
.mb-1 {margin-bottom:1rem}
.ml-1 {margin-left:1rem}
.mx-1 {
    margin-right:1rem;
    margin-left:1rem
}
.my-1 {
    margin-top:1rem;
    margin-bottom:1rem
}
.m-1 {margin:1rem}


.striped > *:nth-of-type(odd) {
    background-color:rgba(0,0,0,.05);
}

ul.unordered {
    list-style: unset;
    margin: 0;
    padding: 0;
}

.ng-show-smooth {
    -webkit-transition:all linear 0.5s;
    transition:all linear 0.5s;
}
[ng-cloak], .ng-cloak {
    display: none !important;
}