body
	{ margin:12px; background:#f9fafb; }
body.inside
	{ margin-top:62px; transition:margin-left .1s linear; }
body, html
	{ -webkit-text-size-adjust:100%; }
body, input, select, textarea, button
	{ font:14px 'Roboto', sans-serif; color:#000; }

a
	{ text-decoration:none; color:#007bff; -webkit-touch-callout: none; }
*:focus
	{ outline:none; }
button, form, select, input, textarea
	{ margin:0; }
button
	{ border:0 none; background:transparent; }
b
	{ font-weight:600; }
h1
	{ font-size:32px; font-weight:600; margin:0 0 20px 0; line-height:1.2; }
h5
	{ font-size:16px; font-weight:400; margin:0 0 10px 0; line-height:1; }

.lta
	{ text-align:left; }
.rta
	{ text-align:right; }
.cta
	{ text-align:center; }

.fr
	{ float:right; }

.hide
	{ display:none !important; }
.hide2
	{ visibility:hidden; }
.show
	{ display:block !important; }
.rel
	{ position:relative; }
.abs
	{ position:absolute; display:block; }
.blk
	{ display:block; }
.iblk
	{ display:inline-block; }
.ttu
	{ text-transform:uppercase; }
.ttl
	{ text-transform:lowercase; }
.smaller
	{ font-size:12px; }
.bigger
	{ font-size:16px; }

.ma
	{ margin:auto; }
.pt
	{ padding-top:10px; }
.mt
	{ margin-top:10px; }
.mb
	{ margin-bottom:10px; }
.mb2
	{ margin-bottom:15px; }
.ml
	{ margin-left:7px; }
.ml2
	{ margin-left:15px; }
.mr
	{ margin-right:7px; }
.mr2
	{ margin-right:15px; }
.wa
	{ width:auto !important; }
.w100
	{ width:100% !important; }

.pad1
	{ padding:10px; }
.pad2
	{ padding:15px; }
.pad3
	{ padding:0 10px; }

.bb
	{ border-bottom:1px solid #f2f4f9; }
.bt
	{ border-top:1px solid #f2f4f9; }

.fspl
	{ display:flex !important; }
.fspl.inl
	{ display:inline-flex; }
.fspl.wrap
	{ flex-wrap:wrap; }
.fspl.vc
	{ align-items:center; }
.fspl.sb
	{ justify-content:space-between; }
.fspl.jc
	{ justify-content:center; }
.fspl .fg
	{ flex-grow:1; }
.half
	{ width:50%; }
.fspl.sb .half
	{ width:calc(50% - 10px); }
.fspl.gap1
	{ gap:6px 8px; }

.third
	{ width:33.333%; }
.fspl.sb .third
	{ width:calc(33.333% - 10px); }
.third2
	{ width:66.666%; }
.fspl.sb .third2
	{ width:calc(66.666% - 5px); }
.quat
	{ width:25%; }
.fspl.sb .quat
	{ width:calc(25% - 10px); }
.quat3
	{ width:75%; }
.fspl.sb .quat3
	{ width:calc(75% - 10px); }

.dia1w
	{ width:100%; max-width:400px; }
.dia2w
	{ width:100%; max-width:600px; }
.dia3w
	{ width:100%; max-width:880px; }
.ch
	{ min-height:calc(100vh - 100px); }

header.main
	{ display:flex; justify-content:space-between; align-items:center; position:fixed; left:0; top:0; width:100%; border-bottom:1px solid #f2f4f9; background:#fff; box-shadow:3px 0 10px 0 rgba(183, 192, 206, 0.2); z-index:12; }
header.main .tgm
	{ display:flex; align-items:center; justify-content:center; width:50px; height:50px; color:#9b9b9b; font-size:18px; border-right:1px solid #e8ebf1; }
header.main div
	{ padding-right:15px; }

aside
	{ top:0; left:0; position:absolute; width:250px; /*height:100vh; overflow:auto;*/ z-index:12; border-right:1px solid #e8ebf1; background:rgba(0, 0, 0, .3); transform:translate(-100%, 0); transition:transform .1s linear; }
aside > div
	{ width:250px; min-height:100vh; background:#fff; transform:translate(-100%, 0); transition:transform .1s linear; }
body.active aside
	{ transform:translate(0, 0); }
body.active aside > div
	{ transform:translate(0, 0); }

aside header
	{ border-bottom:1px solid #e8ebf1; display:flex; padding-left:15px; justify-content:space-between; align-items:center; }
aside header .tgm
	{ display:flex; align-items:center; justify-content:center; width:50px; height:50px; color:#9b9b9b; font-size:18px; }

.logo
	{ display:block; }
.logo img
	{ display:block; height:40px; }

aside nav ul
	{ list-style:none; margin:0; padding:10px 0; }
aside nav ul li a
	{ display:flex; align-items:center; padding:8px 15px; border-left:3px solid transparent; color:#000; transition:color .2s ease-in-out; }
aside nav ul li a span
	{ transition:transform .2s ease-in-out; flex-grow:1; }
aside nav ul li a.active
	{ border-left-color:#727cf5; color:#727cf5; }
aside nav ul li a:hover
	{ color:#727cf5; }
aside nav ul li a:hover span
	{ transform:translate(1px, 0); }
aside nav ul li a i
	{ margin-right:10px; width:20px; text-align:center; }
aside nav ul li a em
	{ display:block; background:#b5651d; font-style:normal; color:#fff; border-radius:2px; padding:0px 2px; border:0 none; font-size:10px; }

@media (max-width:400px) {
	aside
		{ width:100vw; transition:none; }
}

@media (min-width:401px) {
	body.inside.active
		{ margin-left:262px; }
}

.fc
	{ margin-bottom:10px; }
.fn
	{ font-weight:500; margin-bottom:2px; }
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], input[type=date]
	{ border:1px solid #e8ebf1; padding:8px 10px; color:#495057; border-radius:3px; background:#fff; box-sizing:border-box; width:100%; box-shadow:none; transition:border-color 0.15s ease-in-out; appearance:none; }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=date]:focus
	{ border-color:#80bdff; }
input:disabled, select:disabled
	{ background:#e9ecef; }
input[type=date]
	{ padding:6px 10px; height:34px; }
.errf
	{ border-color:#900 !important; }
select
	{ border:1px solid #e8ebf1; padding:8px 10px; padding-right:20px; color:#495057; background:#fff; box-sizing:border-box; width:100%;
		transition:border-color 0.15s ease-in-out; border-radius:3px; background-repeat:no-repeat; background-position:right center; appearance:none;
		background-image:url('data:image/svg+xml;charset=US-ASCII,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20xmlns%3Axlink%3D"http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink"%20width%3D"27"%20height%3D"28"%20viewBox%3D"0%200%2027%2028"><symbol%20id%3D"a"%20viewBox%3D"0%20-14%2027%2028"><path%20fill%3D"%23333"%20d%3D"M10%202h8l-4-4z"%2F><%2Fsymbol><use%20xlink%3Ahref%3D"%23a"%20width%3D"27"%20height%3D"28"%20y%3D"-14"%20transform%3D"matrix%281%200%200%20-1%200%2014%29"%20overflow%3D"visible"%2F><%2Fsvg>'); }
select:focus
	{ border-color:#80bdff; }
textarea
	{ border:1px solid #e8ebf1; padding:.5rem .6rem; color:#495057; border-radius:3px; background:#fff; box-sizing:border-box; width:100%; box-shadow:none; transition:border-color 0.15s ease-in-out; appearance:none; }
textarea:focus
	{ border-color:#80bdff; }
input[type=tel]
	{ width:160px; }
input[type=number], .num1
	{ width:110px; }
.num2
	{ width:60px !important; }
.flt .num1
	{ width:90px !important; }
label input[type=checkbox], label input[type=radio]
	{ transform:translate(0, 1px); margin-right:4px; }
.dnum
	{ margin:-5px; padding:2px 5px !important; }

.infoc, .msgc, .errc
	{ padding:8px 12px; border-radius:4px; border:1px solid transparent; }
.infoc
	{ color:#3b407f; background-color:#e3e5fd; border-color:#d8dafc; }
.msgc
	{ color:#fff; background-color:#10b759; }
.errc
	{ color:#fff; background-color:#ff3366; }

.ok
	{ color:#10b759; }
.err
	{ color:#ff3366; }
.brn
	{ color:#b5651d; }
.blu
	{ color:#727cf5; }
.note
	{ color:#999; font-size:12px; }

.ac
	{ border:1px solid #9aabff; background:#fff; width:calc(100% + 2px); box-sizing:border-box; z-index:200; max-height:200px; overflow:auto; }
.ac a
	{ display:block; padding:0.3rem 0.5rem; color:#000; }
.ac a:hover, .ac a.active
	{ background:#5867dd; color:#FFF; }
.ac em
	{ font-size:12px; color:#686868; margin-left:5px; }
.ac a:hover em, .ac a.active em
	{ color:#FFF; }

.btn1
	{ display:inline-block; background:#727cf5; color:#fff; border-radius:3px; border:1px solid transparent; font-weight:500; padding:7px 12px; box-sizing:border-box; cursor:pointer; transition:background .2s ease-in-out; }
.btn1.smaller
	{ padding:3px 6px; border-radius:2px; }
.btn1:hover
	{ background:#4e5bf2; }
.btn1.alt1
	{ background:#fff; color:#727cf5; }
.btn1.alt2
	{ background:#7987a1; color:#fff; border-color:#7987a1; }
.btn1.alt2:hover
	{ background:#64738f; }
.btn1.alt3
	{ background:#8A2BE2; }
.btn1.alt3:hover
	{ background:#727cf5; }
.btn1.err
	{ background-color:#ff3366; }
.btn1.ok
	{ background-color:#10b759; }
.btn1.fao
	{ padding-left:8px; padding-right:8px; }
.btn1 i
	{ transform:translate(0, 0); }

.btn1 .prog
	{ position:absolute; display:block; border-radius:0.1875rem; left:0; top:0; width:0; height:100%; background:rgba(255, 255, 255, 0.2); }
.btn1 .key
	{ background:rgba(255, 255, 255, 0.2); font-size:11px; font-weight:400; display:inline-block; padding:1px 3px; border-radius:2px; transform:translate(8px, -5px); margin-left:-5px; }


.bdel
	{ white-space:nowrap; }
.bdel span
	{ display:none; }
.bdel.active
	{ padding-left:8px; padding-right:8px; }
.bdel.active span
	{ display:inline; }

.rel > .btn2
	{ position:absolute; right:.4rem; top:50%; transform:translate(0, -50%); }
.rel .bot
	{ position:absolute; right:.4rem; bottom:.6rem; }
.btn2
	{ display:inline-block; background:#727cf5; color:#fff; border-radius:3px; padding:2px 5px; border:0 none; }
.btn2:hover
	{ background:#4e5bf2; }

.btn3
	{ display:inline-block; background:#727cf5; color:#fff; border-radius:3px; padding:1px 3px; border:0 none; font-size:11px; transform:translate(0, -1px); }
.btn3.alt1
	{ background:#b5651d; }

.selmenu
	{ display:inline-block; margin:0; padding:0; list-style:none; }
.selmenu > li
	{ position:relative; }
.selmenu > li > ul
	{ margin:0; padding:3px 0; list-style:none; display:none; background:#727cf5; border-radius:3px; position:absolute; left:0; box-shadow:1px 2px 3px rgba(0, 0, 0, 0.1); }
.selmenu.top > li > ul
	{ bottom:100%; }
.selmenu > li:hover > ul
	{ display:block; }
.selmenu > li > ul > li > a
	{ display:block; padding:6px 12px; color:#fff; white-space:nowrap; }
.selmenu > li > ul > li > a:hover
	{ background:#5867dd; color:#FFF; }

.flt
	{ background:#fff; border-bottom:1px solid #f2f4f9; display:flex; flex-wrap:wrap; padding:10px 10px 0 10px; margin-bottom:10px; box-shadow:0 0 10px 0 rgba(183, 192, 206, 0.2); }
.flt > div
	{ flex-basis:300px; margin-right:15px; margin-bottom:10px; }
.flt > span
	{ display:block; margin-right:15px; margin-bottom:10px; }
.flt .rel button
	{ position:absolute; right:5px; top:50%; transform:translate(0,-50%); }
.flt .brk
	{ flex-basis:100%; height:0; margin-bottom:0; }
.fbtn
	{ padding-right:32px !important; }

.box1
	{ display:block; background:#fff; border:1px solid #f2f4f9; border-radius:4px; box-shadow:0 0 10px 0 rgba(183, 192, 206, 0.2); color:#000; }
.box1 article
	{ padding:15px; }
.box1 header
	{ border-bottom:1px solid #f2f4f9; display:flex; justify-content:space-between; align-items:center; }
.box1 header h2
	{ font-size:18px; font-weight:500; margin:0; padding:8px 15px; flex-grow:1; }
.box1 header h2 .btn3
	{ transform:translate(0, -3px); }
.box1 header .close
	{ display:block; font-size:18px; padding:6px 12px; color:#000; transition:color .2s ease-in-out; }
.box1 header .close::after
	{ font-family: "Font Awesome 5 Pro"; content:"\f00d"; font-weight:300; }
.box1 header .close:hover
	{ color:#999; }
.box1 footer
	{ padding:7px 12px; border-top:1px solid #f2f4f9; }
.box1 footer .btn1, .box1 footer .selmenu
	{ margin:3px 3px; }
.box1 footer .selmenu .btn1
	{ margin:0; }

.tabs
	{ list-style:none; margin:0; padding:5px 8px 0 8px; display:flex; border-bottom:1px solid #ebedf2; }
.tabs a
	{ display:block; padding:6px 12px; border:1px solid transparent; border-radius:4px 4px 0 0; margin-bottom:-1px; position:relative; }
.tabs a.active
	{ border-color:#ebedf2; border-bottom-color:#fff; color:#000; }
.tabs em
	{ position:absolute; right:2px; top:2px; font-size:10px; font-style:normal; color:#727cf5; }

.opm
	{ list-style:none; margin:0; padding:10px 0; background:#FFF; border-radius:0 4px 4px 4px; box-shadow:0 0 50px 0 rgba(82,63,105,.15); }
.opm li:hover
	{ background:#f7f8fa; }
.opm li a
	{ display:block; padding:5px 15px; color:#595d6e; white-space:nowrap; }
.opm li:hover a, .opm li a:hover
	{ color:#5d78ff; }
.flt .opm, .rel .opm
	{ position:absolute; left:0; top:28px; }
.rel .opm.upwards
	{ top:auto; bottom:28px; }

.inv_nm
	{ min-width:300px; }
.qty
	{ width:60px !important; }

.xtable_holder
	{ max-width:100%; overflow-x:auto; padding-bottom:1px; }
.table_holder table
	{ background:#fff; }

.so_2::after
	{ font-family:Font Awesome\ 5 Pro; content:"\f0d8"; margin-left:4px; font-weight:700; }
.so_1::after
	{ font-family:Font Awesome\ 5 Pro; content:"\f0d7"; margin-left:4px; font-weight:700; }

.itt_1::before
	{ font-family:Font Awesome\ 5 Pro; content:"\f466"; margin-right:4px; font-weight:700; }
.itt_2::before
	{ font-family:Font Awesome\ 5 Pro; content:"\f085"; margin-right:4px; font-weight:700; }

.gtt_1::before
	{ font-family:Font Awesome\ 5 Pro; content:"\f468"; margin-right:4px; font-weight:700; }
.gtt_2::before
	{ font-family:Font Awesome\ 5 Pro; content:"\f7a2"; margin-right:4px; font-weight:700; }

.data1
	{ border-collapse:collapse; width:100%; }
.data1 th, .data1 td
	{ padding:6px 6px; border:1px solid #e8ebf1; }
.data1 td.wrap
	{ white-space:normal; }
.data1 th
	{ color:#686868; font-weight:500; }
.data1.cp tr
	{ cursor:pointer; }
.data1 tr.cp
	{ cursor:pointer; }
.data1 .ina td
	{ background:#fafafa; color:#aaa; }
.data1 tr:hover
	{ background:#E6E6E6; }
.data1 tfoot td
	{ font-weight:500; }

.data2
	{ border-collapse:collapse; width:100%; }
.data2 th
	{ font-weight:500; padding:4px 6px; }
.data2 td
	{ vertical-align:top; }
.data2 .rt_ico_adj
	{ padding-right:23px !important; }
.data2 .lst td
	{ padding:2px 6px; }
.data2 input, .data2 select
	{ border-radius:0; padding:4px 6px; }
.data2 select
	{ height:26px; padding-right:20px; }
.data2 .tpadcb
	{ padding-top:6px; }
.data2 .tpadico
	{ padding-top:4px; }
.data2 .tpad
	{ padding:6px 5px 0 5px; }
.data2 tbody::after
	{ content:'';display:table-cell; padding-bottom:10px; }
.data2 tfoot td
	{ padding:2px 6px; font-weight:500; }
.data2 tfoot tr:first-child td
	{ padding-top:10px; border-top:1px solid #f2f4f9; }
.data2 .del
	{ width:32px; position:relative; }
.data2 .del .bdel
	{ position:absolute; right:0; top:-1px; padding:2px 4px; }
.data2 .del.tpadcb .bdel
	{ top:4px; }
.data2 .del .bdel.active
	{ background:#fafafa; border-radius:2px; box-shadow:1px 2px 3px rgba(0, 0, 0, .1); }
.data2 .sgn
	{ width:10px; display:inline-block; }
.data2 tbody tr:hover td
	{ background:#e6e6e6; }
.data2 input[type=checkbox]
	{ transform:translate(0, 2px); }

.data3
	{ border-collapse:collapse; }
.data3 th
	{ padding:0 5px 0 0; color:#a1a5b7; font-weight:600; text-align:left; }
.data3 td
	{ padding:0 0 0 5px; }

.w_fix_k
	{ width:50px; }
.w_fix_eid
	{ width:70px; }
.w_fix_date
	{ width:80px; }
.w_fix_amt
	{ width:120px; }
.w_fix_partner
	{ width:250px; }

.paging
	{ list-style:none; margin:0; padding:15px; display:flex; }
.paging li
	{ margin-right:5px;}
.paging a, .paging span
	{ display:block; padding:4px 8px; width:30px; text-align:center; box-sizing:border-box; border-radius:3px; }
.paging .active, .paging a:hover
	{ background:#727cf5; color:#FFF; }

.tn1
	{ max-width:100px; max-height:100px; border-radius:3px; border:1px solid #e8ebf1; }

.al_hld
	{ position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0, 0, 0, .4); z-index:999; display:flex; align-items:center; justify-content:center; }
.al_hld > div
	{ width:90vw; max-width:600px; }
.al_hld article
	{ max-height:80vh; overflow:auto; }

.flst_tn .ext, .flst_det .ext, .big_ext
	{ display:block; font:2rem 'Roboto', sans-serif; text-transform:uppercase; line-height:1; padding:.25rem .5rem; border:2px solid #727cf5; border-radius:.25rem; color:#727cf5; }

.flst_tn
	{ display:flex; flex-wrap:wrap; padding:0 10px; }
.flst_tn .item
	{ width:170px; height:170px; margin:0 0 15px 0; display:flex; align-items:center; justify-content:center; padding:10px; border-radius:4px; position:relative; transition:background .1s ease-in-out; }
.flst_tn .item:hover
	{ background:#fafafa; }
.flst_tn .item img
	{ max-width:170px; max-height:170px; border-radius:4px; box-shadow:1px 2px 3px rgba(0, 0, 0, 0.1); background:rgba(0, 0, 0, 0.02); }
.flst_tn .item .lbl
	{ position:absolute; bottom:4px; right:4px; background:#5867dd; color:#FFF; font-size:12px; display:block; padding:2px 5px; text-transform:uppercase; border-radius:2px; }

.big_ext
	{ font-size:3rem; padding:1rem 2rem; }
.cflag
	{ width:13px; height:10px; border-radius:2px; }

.view_f
	{ display:flex; justify-content:center; align-items:center; }
.view_f img
	{ max-width:calc(100vw - 300px); max-height:calc(100vh - 180px); display:block; }
.view_f.viewf_1, .view_f.viewf_2
	{ display:block; }
.view_f.viewf_1 img
	{ max-width:200vw; max-height:calc(200vh - 105px); }
.view_f.viewf_2 img 
	{ max-width:400vw; max-height:calc(400vh - 105px); }

.dash_mods
	{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.dash_mod
	{ box-sizing:border-box; padding-bottom:15px; }
.dash_mod.half
	{ width:calc(50% - 10px); min-width:300px; }
.dash_mod.third
	{ width:calc(33.33% - 10px); min-width:200px; }
@media (max-width:400px) {
	.dash_mod
		{ width:100% !important; }
}
.dash_mod header
	{ padding-right:10px; }
.dash_mod header select
	{ padding:4px 6px; padding-right:20px; font-size:12px; }
.dash_mod article
	{ height:200px; overflow:auto; padding:5px 0; }
.dash_mod .data1 th
	{ border-top:0 none; }
.dash_mod .data1 td, .dash_mod .data1 th
	{ padding:3px 4px; white-space:normal; font-size:13px; border-left:0 none; border-right:0 none; }
.dash_mod .data1 tr td.lta:first-child, .dash_mod .data1 tr th.lta:first-child
	{ padding-left:10px; }
.dash_mod .data1 tr td.rta:last-child, .dash_mod .data1 tr th.rta:last-child
	{ padding-right:10px; }
.dash_mod .data1 .del
	{ width:16px; position:relative; }
.dash_mod .data1 .del .bdel
	{ position:absolute; right:0; top:0; padding:2px 4px; }
.dash_mod .data1 .del .bdel.active
	{ background:#fafafa; border-radius:2px; box-shadow:1px 2px 3px rgba(0, 0, 0, .1); }

.report_status
	{ display:inline-block; font-size:12px; border-radius:3px; padding:2px 6px; color:#fff; }
.rs_0
	{ background:#ccc; }
.rs_1
	{ background:#007bff; }
.rs_2
	{ background:#0f0; }
.rs_3
	{ background:#f00; }

.mob .mth
	{ max-width:100%; overflow-x:auto; padding-bottom:1px; }
.mob .mth td
	{ white-space:nowrap; }
.mob .dia3w
	{ width:auto; }

@media (max-width:400px) {
	
	.nms
		{ display:block; }
	.nms > .half, .nms > .quat
		{ width:auto !important; }
}