@keyframes notif_anim {
    50% { transform:scale(0.7);-webkit-transform:scale(0.7);-moz-transform:scale(0.7); }
}


body { background-color:#f1f1f1;color:#000; }
*.eng { -moz-font-feature-settings:"none" !important;-webkit-font-feature-settings:"none" !important;
font-feature-settings:"none" !important; }

#login_window { text-align:center;padding:100px 0px 50px; }
.login_section { display:none; }
.login_section.active { display:block; }

.login_logo { text-align:center;margin-bottom:30px; }
.login_logo img { height:45px; }
.login_window { width:90%;max-width:400px;border-radius:20px;background-color:#fff;padding:40px;
margin:0px auto;box-sizing:border-box; }
.login_title { font-size:20pt;font-weight:600;text-align:center;margin-bottom:30px;word-spacing:-5px;
margin-bottom:50px;color:#000; }
.login_title > div { color:#aaa;font-size:10pt;margin-top:10px;line-height:30px;font-weight:400;word-spacing:-1px; }
.login_form { margin-bottom:15px;text-align:right; }
.login_form label { display:block;margin-bottom:12px;margin-right:10px; }
.login_form input { width:100%;height:50px;border-radius:40px;outline-style:none;border:1px solid #ddd;text-align:left;
font-size:14pt;direction:ltr;padding:0px 25px;box-sizing:border-box;letter-spacing:5px; }
.login_form input.center { text-align:center; }
.login_button { border-radius:40px;background-color:#1367e5;color:#fff;padding:0px 0px;text-align:center;
font-size:12pt;cursor:pointer;height:50px;line-height:50px; }
.login_button:hover { background-color:#051123; }

.login_resend { margin-top:50px;text-align:center; }
.login_resend > div { color:#aaa;display:none; }
.login_resend > div.active { display:block; }
.login_resend > div:nth-child(1) span { display:inline-block;vertical-align:middle;width:50px;
text-align:center; }
.login_resend > div:nth-child(2) span { display:inline-block;vertical-align:middle;cursor:pointer;font-weight:600; }
.login_resend > div:nth-child(2) span:hover { color:#000; }

.login_back { width:90%;max-width:400px;text-align:right;margin:0px auto 20px;font-weight:600;
padding:0px 10px;box-sizing:border-box; }
.login_back > a { font-size:12pt;opacity:0.2; }
.login_back > a:hover { opacity:1; }
.login_back > a:before { content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;background-size:100%;
margin-left:10px;background-image:url('../image/back.png'); }

#panel_header { padding:15px 0px 500px;background:-webkit-linear-gradient(to bottom,#1367e5,#f1f1f1);
background:-moz-linear-gradient(to bottom,#1367e5,#f1f1f1);background:linear-gradient(to bottom,#1367e5,#f1f1f1); }
#panel_header > .tbl { width:100%;max-width:1200px;margin:0px auto;padding:0px 20px;box-sizing:border-box; }
#panel_header > .tbl > div:nth-child(1) { width:50px;padding-left:15px; }
#panel_header > .tbl > div:nth-child(1) > div { width:50px;height:50px;border-radius:100%;overflow:hidden; }
#panel_header > .tbl > div:nth-child(1) > div > img { width:100%;height:100%;object-fit:cover;object-position:center; }
#panel_header > .tbl > div:nth-child(2) {  }
#panel_header > .tbl > div:nth-child(2) > div:nth-child(1) { font-size:15pt;font-weight:600;color:#fff;word-spacing:-2px; }
#panel_header > .tbl > div:nth-child(3) { text-align:left; }

.header_icon_text { margin-right:15px;display:inline-block;vertical-align:middle;color:#fff;
height:25px;line-height:25px;cursor:pointer;font-weight:600; }
.header_icon_text img { height:22px;margin-left:5px; }

.header_icon { margin-right:12px;display:inline-block;vertical-align:middle;color:#fff;
height:25px;line-height:25px;position:relative;cursor:pointer; }
.header_icon img { height:22px; }
.header_icon i { position:absolute;left:-4px;top:-4px;width:7px;height:7px;border-radius:100%;
animation:notif_anim 500ms infinite linear;-webkit-animation:notif_anim 500ms infinite linear;
-moz-animation:notif_anim 500ms infinite linear; }
.header_icon i.red { background-color:#ed6767; }
.header_icon i.yellow { background-color:#ede567; }

#panel_shop { display:none; }
#panel_shop a { display:block;border-radius:20px;margin-bottom:10px;text-align:center;word-spacing:-1px;font-weight:600;
padding:8px 0px;color:#fff;background:linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
background:-moz-linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
background:-webkit-linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0)); }
#panel_shop a img { height:20px;margin-left:6px;filter:brightness(1) invert(1);
-webkit-filter:brightness(1) invert(1);-moz-filter:brightness(1) invert(1); }

#panel_body { width:100%;max-width:1200px;margin:-485px auto 20px;padding:0px 15px 0px;box-sizing:border-box; }
#panel_window { background-color:#fff;border-radius:20px;width:100%;table-layout:fixed;overflow:hidden;
height:auto;min-height:600px; }
#panel_window > div { vertical-align:top; }
#panel_window > div:nth-child(1) { width:280px;padding:20px 20px 20px 0px;box-sizing:border-box;position:relative; }
#panel_window > div:nth-child(1) > div { border-radius:12px;padding:25px 20px;background-color:#1367e5;
position:absolute;left:0px;top:20px;width:260px;height:calc(100% - 40px);box-sizing:border-box; }
.panel_link { padding:5px 15px;border-radius:30px;line-height:35px;display:block;color:#fff;margin-bottom:3px; }
.panel_link > img { height:22px;margin-left:5px;filter:brightness(1) invert(1);-webkit-filter:brightness(1) invert(1);
-moz-filter:brightness(1) invert(1); }
.panel_link:hover { background-color:rgba(0,0,0,0.1); }
.panel_link.selected { background-color:rgba(0,0,0,0.1); }
#panel_footer { text-align:center;font-size:9pt;margin-top:15px;color:#bbb; }
#panel_window > div:nth-child(2) { padding:25px; }
#panel_version { position:absolute;left:0;bottom:20px;width:100%;text-align:center;
font-size:9pt;font-weight:600;color:#fff;opacity:0.5; }

#panel_window_logo { text-align:right;margin-bottom:20px;padding-right:10px;margin-top:3px; }
#panel_window_logo img { width:60px;opacity:0.3; }

.panel_notif { display:block;margin-bottom:15px;padding:12px 15px;border-radius:20px;
word-spacing:0px;line-height:27px;font-weight:600; }
.panel_notif span { padding:2px 12px;border-radius:20px;background-color:rgba(0,0,0,0.1);
display:inline-block;vertical-align:middle; }
.panel_notif:hover span { color:#fff;background-color:#051123; }
.panel_notif.red { background:linear-gradient(to left,#fde2e2,#fff);background:-moz-linear-gradient(to left,#fde2e2,#fff);
background:-webkit-linear-gradient(to left,#fde2e2,#fff); }
.panel_notif.green { background:linear-gradient(to left,#c3fbcc,#fff);background:-moz-linear-gradient(to left,#c3fbcc,#fff);
background:-webkit-linear-gradient(to left,#c3fbcc,#fff); }
.panel_notif.blue { background:linear-gradient(to left,#c3e0fb,#fff);background:-moz-linear-gradient(to left,#c3e0fb,#fff);
background:-webkit-linear-gradient(to left,#c3e0fb,#fff); }
.panel_notif.yellow { background:linear-gradient(to left,#fbe9cd,#fff);background:-moz-linear-gradient(to left,#fbe9cd,#fff);
background:-webkit-linear-gradient(to left,#fbe9cd,#fff); }

#dashbox { width:100%;border-radius:15px;overflow:hidden;margin-bottom:15px; }
#dashbox > div { width:33.33%; }
#dashbox > div:nth-child(2) { padding-left:2px;padding-right:2px; }
.dashbox { padding:18px;table-layout:fixed;width:100%;box-sizing:border-box;direction:ltr; }
.dashbox > div:nth-child(2) > div { line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl; }
.dashbox > div:nth-child(2) > div:nth-child(1) { font-size:13pt;color:#fff;font-weight:600; }
.dashbox > div:nth-child(2) > div:nth-child(2) { font-size:10pt;color:#fff;opacity:0.6;margin-top:5px; }
.dashbox > div:nth-child(1) { text-align:left;font-size:25pt;font-weight:300;color:#fff;width:60px; }
#dashbox > div:nth-child(1) .dashbox { background-color:#188caf; }
#dashbox > div:nth-child(2) .dashbox { background-color:#521ad9; }
#dashbox > div:nth-child(3) .dashbox { background-color:#d7366a; }

.panel_title { margin-top:25px;margin-bottom:10px;width:100%; }
.panel_title:first-child { margin-top:0; }
.panel_title > div { vertical-align:top; }
.panel_title > div:nth-child(1) > div { display:inline-block;vertical-align:middle;line-height:30px; }
.panel_title > div:nth-child(1) > div:nth-child(1) { font-size:14pt;font-weight:600;word-spacing:-3px;margin-left:10px; }
.panel_title > div:nth-child(1) > div:nth-child(2) { font-size:10pt;color:#aaa;font-weight:300; }
.panel_title > div:nth-child(2) { text-align:left;padding-right:20px; }
.panel_title > div:nth-child(2) a { background-color:#1367e5;color:#fff;border-radius:30px;height:35px;line-height:35px;
border-radius:30px;display:inline-block;vertical-align:middle;padding:1px 15px;white-space:nowrap; }
.panel_title > div:nth-child(2) a:hover { background-color:#051123; }

.dash_status { width:50%;float:right;margin-bottom:15px;border-radius:20px;padding:15px;
cursor:pointer;box-sizing:border-box;table-layout:fixed;display:block; }
.dash_status > div { vertical-align:top;line-height:24px; }
.dash_status > div:nth-child(2) > div { height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.dash_status > div:nth-child(1) { width:20px;padding-left:10px;padding-top:2px; }
.dash_status > div:nth-child(1) i { display:block;width:20px;height:20px;background-size:100%; }
.dash_status > div:nth-child(2) > div:nth-child(1) { font-size:12pt;font-weight:600; }
.dash_status > div:nth-child(2) > div:nth-child(2) { font-size:10pt;opacity:0.5;margin-top:3px; }
.dash_status.red > div:nth-child(1) i { background-image:url('../image/error.png'); }
.dash_status.green > div:nth-child(1) i { background-image:url('../image/ok.png'); }
.dash_status.red { background:linear-gradient(to left,#fde2e2,#fff);background:-moz-linear-gradient(to left,#fde2e2,#fff);
background:-webkit-linear-gradient(to left,#fde2e2,#fff); }
.dash_status.green { background:linear-gradient(to left,#c3fbcc,#fff);background:-moz-linear-gradient(to left,#c3fbcc,#fff);
background:-webkit-linear-gradient(to left,#c3fbcc,#fff); }

#panel_toolbar { display:none;width:100%;position:fixed;left:0;bottom:0;height:60px;z-index:+10;
background-color:#fff;box-shadow:0px -10px 20px rgba(0,0,0,0.1); }
#panel_toolbar > a { display:table-cell;vertical-align:middle;text-align:center; }
#panel_toolbar > a img { height:25px; }

.header_tab { width:auto;white-space:nowrap;overflow-x:auto;line-height:40px;height:40px;
border-bottom:1px solid #eee;margin-bottom:50px;font-weight:600; }
.header_tab > * { display:inline-block;vertical-align:middle;padding:0px 8px;position:relative; }
.header_tab > *.selected { color:#1367e5; }
.header_tab > *.selected:after { display:inline-block;vertical-align:middle;content:"";width:100%;height:2px;
position:absolute;left:0;bottom:0px;background-color:#1367e5;z-index:+1; }

#back_title { text-align:right;margin:0px auto 20px; }
#back_title > div:nth-child(1) a { font-size:12pt;opacity:0.3;font-weight:600; }
#back_title > div:nth-child(1) > a:hover { opacity:1; }
#back_title > div:nth-child(1) > a:before { content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;
background-size:100%;margin-left:6px;background-image:url('../image/back.png'); }
#back_title > div:nth-child(2) { margin-top:12px;font-size:18pt;font-weight:600; }

.panel_form { margin-bottom:10px; }
.f_space { margin-bottom:30px; }
.f12 { width:50%;float:right; }
.f13 { width:33.33%;float:right; }
.f23 { width:66.66%;float:right; }
.panel_form > div { margin:0px 15px;position:relative; }
.panel_form > div > input { width:100%;height:50px;border-radius:10px;box-sizing:border-box;padding:0px 10px;
outline-style:none;border:1px solid #ddd;text-align:center; }
.panel_form > div > input.ltr { direction:ltr; }
.panel_form > div > input[type=file] { height:50px;line-height:55px;border-style:none;
border:1px solid #ddd; }
.panel_form > div > select { width:100%;height:50px;border-radius:10px;box-sizing:border-box;padding:0px 10px;
outline-style:none;border:1px solid #ddd;text-align:center;background:none;color:#000; }
.panel_form > div > textarea { width:100%;height:125px;border-radius:10px;box-sizing:border-box;padding:0px 20px;
outline-style:none;border:1px solid #ddd;text-align:right;font-size:10pt;padding-top:15px;line-height:30px;vertical-align:middle; }
.panel_form > div > input:focus { border-color:#000; }
.panel_form > div > select:focus { border-color:#000; }
.panel_form > div > textarea:focus { border-color:#000; }
.panel_form > div > label { display:inline-block;vertical-align:middle;line-height:20px;height:20px;padding:0px 10px;
background-color:#fff;position:absolute;right:10px;top:-10px;font-weight:600;font-size:10pt; }
.panel_form > div > div:nth-child(3) { font-size:9pt;color:#aaa;line-height:20px;height:60px;margin:8px 5px; }
.panel_form_full > div { margin:0; }

.import { margin-right:5px; }
.import:before { content:"*";font-size:12pt;color:#ff5400;display:inline-block;vertical-align:middle; }

.panel_area { border:1px solid #ddd;border-radius:10px;padding:20px 15px 10px; }
.panel_area > label { width:33.33%;float:right;padding:0px 0px 0px 10px;box-sizing:border-box;cursor:pointer;
height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.panel_area > label > input { display:inline-block;vertical-align:middle;margin-left:5px; }

.panel_button { margin-top:0px;text-align:left; }
.panel_button > *:nth-child(1) { display:inline-block;vertical-align:middle;border-radius:10px;background-color:#1367e5;color:#fff;
padding:0px 30px;text-align:center;font-size:12pt;cursor:pointer;height:50px;line-height:50px; }
.panel_button > *:nth-child(1):hover { background-color:#051123; }
.panel_button > *:nth-child(2) { display:inline-block;vertical-align:middle;font-weight:600;padding:0px 15px;cursor:pointer; }

#pay_apikey { display:none; }
.pay_upload_form { display:none; }

.table_container { width:100%;overflow-x:auto;border-radius:10px;border:1px solid #ddd; }
.table_container > table { width:100%;border-collapse:collapse; }
.table_container > table th,.table_container > table td { text-align:center;white-space:nowrap; }
.table_container > table th { padding:13px 15px;border-bottom:1px solid #ddd;font-weight:600;background-color:#f5f5f5; }
.table_container > table td { padding:12px 15px;border-bottom:1px solid #eee; }
.table_container > table tr:last-child td { border-bottom-style:none; }
.table_container > table th:first-child { text-align:right; }
.table_container > table td:first-child { text-align:right; }
.table_container > table td.bold { font-weight:600; }

.sub_tr td:first-child { border-right:3px solid #ddd;padding-right:40px; }
.color_info { font-size:9pt;line-height:20px;margin-top:3px;color:#aaa; }
input[type=color] { width:50px;height:40px;border-style:none;background:none; }

.split { display:inline-block;vertical-align:middle;margin:0px 0px;width:3px;height:3px;background-color:#ddd; }
.table_button { display:inline-block;vertical-align:middle;padding:3px 6px;cursor:pointer;font-weight:600;
margin-left:0px;border-radius:0px;line-height:18px; }
.table_button:first-child { border-top-right-radius:30px;border-bottom-right-radius:30px; }
.table_button:last-child { border-top-left-radius:30px;border-bottom-left-radius:30px; }
.table_button i { display:inline-block;vertical-align:middle;width:18px;height:18px;margin-left:8px;background-size:100%; }
.table_button.green i { background-image:url('../image/ok.png'); }
.table_button.red i { background-image:url('../image/error.png'); }
.table_button i.edit { background-image:url('../image/edit.png'); }
.table_button i.view { background-image:url('../image/view.png'); }
.table_button i.delete { background-image:url('../image/delete.png');margin-left:3px; }

.td_img { width:35px;height:35px;display:inline-block;vertical-align:middle;margin-left:8px;overflow:hidden;border-radius:10px; }
.td_img > img { width:100%;height:100%;object-fit:cover;object-position:center; }
.td_input_min { width:80px;border-style:none;outline-style:none;height:32px;border:1px solid #ddd;
text-align:center;border-radius:10px;font-size:12pt; }
.td_select { width:80px;border-style:none;outline-style:none;height:35px;border:1px solid #ddd;
text-align:center;border-radius:10px;font-size:12pt; }



#charge_packs { margin:50px auto 0px;max-width:600px; }
.charge_pack { width:50%;float:right; }
.charge_pack > div { margin:0px 0px 20px 20px;border-radius:20px;padding:20px;box-sizing:border-box;
background:-moz-linear-gradient(to top,#cbdcf5,#fff);background:-webkit-linear-gradient(to top,#cbdcf5,#fff);
background:linear-gradient(to top,#cbdcf5,#fff); }
.charge_pack > div > div:nth-child(1) { font-size:15pt;font-weight:600;height:30px;line-height:30px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.charge_pack > div > div:nth-child(2) { font-size:10pt;color:#000;margin-top:5px;line-height:24px;
height:72px;overflow:hidden;opacity:0.4; }
.charge_pack > div > div:nth-child(3) { margin:10px 0px 20px;line-height:24px; }
.charge_pack > div > div:nth-child(3) > *:nth-child(1) { display:inline-block;vertical-align:middle;height:24px;color:#000;opacity:0.3; }
.charge_pack > div > div:nth-child(3) > span:nth-child(2) { color:#000;font-weight:600;font-size:13pt;display:block; }
.charge_pack > div > div:nth-child(4) { border-radius:10px;padding:13px 0px;text-align:center;color:#fff;
background-color:#1367e5;cursor:pointer; }
.charge_pack > div > div:nth-child(4):hover { background-color:#051123; }

.order_details { width:100%;table-layout:fixed; }
.order_details > div { width:50%;padding:20px 0px;box-sizing:border-box;vertical-align:top; }
.order_details > div:nth-child(1) { padding-left:20px; }
.order_detail_window { margin-bottom:20px;border-radius:10px;border:1px solid #ddd;overflow:hidden; }
.order_detail_window > div:nth-child(1) { margin-bottom:0px;font-weight:600;padding:13px 15px;
background-color:#f5f5f5;border-bottom:1px solid #ddd; }
.detail_row { line-height:30px;width:100%;border-bottom:1px solid #eee;padding:10px 10px;box-sizing:border-box;
table-layout:fixed; }
.detail_row > div { line-height:27px; }
.detail_row > div:nth-child(1) { width:90px;padding:0px 0px;color:#aaa; }
.detail_row > div:nth-child(2) { padding-right:10px; }
.detail_row:last-child { border-style:none; }

#order_comment { width:100%;margin:0;vertical-align:middle;border:1px solid #ddd;outline-style:none;
padding:10px;text-align:right;box-sizing:border-box;border-radius:5px; }
#order_comment:focus { border-color:#000; }

.detail_select { width:100%;margin:0;vertical-align:middle;border:1px solid #ddd;outline-style:none;
padding:10px;text-align:right;box-sizing:border-box;border-radius:5px; }
.detail_select:focus { border-color:#000; }

.detail_input { position:relative; }
.detail_input input { width:100%;margin:0;vertical-align:middle;border:1px solid #ddd;outline-style:none;
padding:0px 10px;text-align:right;box-sizing:border-box;border-radius:5px;padding-left:50px;height:40px; }
..detail_input input:focus { border-color:#000; }
.detail_input i { display:block;position:absolute;left:8px;top:8px;width:24px;height:24px;background-size:100%;
cursor:pointer;background-image:url('../image/ok.png');opacity:0.4; }
.detail_input i:hover { opacity:1; }



.product_cart { width:70px;height:30px;border-radius:10px;border:1px solid #ddd;text-align:center;
outline-style:none;font-size:12pt; }
.product_cart:focus { border-color:#000; }

#sortable { list-style-type:none;margin:0;padding:0; }

.product_image_box_placeholder { display:inline-block;vertical-align:middle;margin-left:15px;margin-bottom:20px;position:relative;
overflow:hidden;border-radius:10px;width:150px;height:200px;background-color:#f1f1f1; }
.product_image_box { display:inline-block;vertical-align:middle;margin-left:15px;margin-bottom:20px;position:relative;
overflow:hidden;border-radius:10px; }
.product_image_box > div:nth-child(1) { width:150px;height:200px; }
.product_image_box > div:nth-child(1) * { width:100%;height:100%;object-fit:cover;object-position:center; }
.product_image_box > div:nth-child(2) { position:absolute;left:0px;bottom:0px;width:100%;height:auto;padding-bottom:15px;
padding-top:60px;text-align:center;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5)); }
.product_image_box > div:nth-child(2) .table_button { color:#fff;cursor:pointer; }
.product_image_box > div:nth-child(2) .table_button i { filter:brightness(1) invert(1);-moz-filter:brightness(1) invert(1);
-webkit-filter:brightness(1) invert(1); }

.empty_box { margin:15px;border-radius:10px;padding:80px 20px;text-align:center;background-color:#fff; }
.empty_box > div:nth-child(1) { margin-bottom:10px; }
.empty_box > div:nth-child(1) i { display:inline-block;vertical-align:middle;width:120px;height:120px;
background-size:100%;background-image:url('../image/empty.png'); }
.empty_box > div:nth-child(2) { font-size:12pt;font-weight:600; }
.empty_box > div:nth-child(3) { margin-top:15px;line-height:30px; }
.empty_box > div:nth-child(3) a { display:inline-block;vertical-align:middle;padding:3px 20px;border-radius:30px;border:1px solid #ddd; }
.empty_box > div:nth-child(3) a:hover { background-color:#051123;color:#fff; }

.param_split { margin:0px 10px;width:3px;height:3px;display:inline-block;vertical-align:middle;background-color:#bbb;
border-radius:100%; }

#order_print { margin-top:15px;font-weight:600;margin-bottom:30px; }
#order_print > span { cursor:pointer;color:#000;padding:7px 15px;border-radius:30px;border:1px solid #ddd;font-size:12pt; }
#order_print > span:hover { background-color:#051123;border-color:#051123;color:#fff; }

#field_vals { display:none; }

.order_cart_add { text-align:center !important;padding:15px 0px !important;background-color:#f5f5f5; }
.order_cart_add > span { font-weight:600;cursor:pointer; }

#cart_popup_back { position:fixed;left:0;top:0;width:100%;height:100%;z-index:+100;background-color:rgba(0,0,0,0.5);display:none; }
#cart_popup { position:fixed;left:0;top:100px;width:100%;height:0;display:none;z-index:+101; }
#cart_popup > div { padding:30px;max-width:400px;width:90%;margin:0px auto;border-radius:20px;background-color:#fff; }

@media only screen and (max-width:900px) {
    #panel_window > div:nth-child(1) { display:none; }
    #panel_toolbar { display:table; }
    #panel_body { padding-bottom:60px; }
    #panel_shop { display:block; }
}
@media only screen and (max-width:700px) {
    .charge_pack { width:50%; }
    .panel_area > label { width:50%; }
    .order_details > div { display:block;width:auto;padding:20px 0px 0px; }
    .order_details > div:nth-child(1) { padding-left:0; }
    .order_details > div:nth-child(2) { padding-top:0; }
}
@media only screen and (max-width:600px) {
    #panel_header > .tbl { table-layout:fixed; }
    #panel_header > .tbl > div:nth-child(1) { padding-left:10px;width:45px; }
    #panel_header > .tbl > div:nth-child(1) > div { width:45px;height:45px; }
    #panel_header > .tbl > div:nth-child(2) { width:160px; }
    #panel_header > .tbl > div:nth-child(2) > div:nth-child(1) { font-size:12pt;height:30px;line-height:30px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
    .header_icon_text > span { font-size:10pt; }
    .dashbox { padding:10px; }
    .dashbox > div { display:block;text-align:center; }
    .dashbox > div:nth-child(1) { margin-bottom:5px;width:auto;text-align:center;font-size:30px; }
    #panel_window > div:nth-child(2) { padding:15px; }
    .dash_status { width:auto; }
    .f23,.f13 { width:100%; }
    .panel_button > * { text-align:center;display:block; }
}
@media only screen and (max-width:500px) {
    * { font-size:10pt; }
    #panel_header > .tbl > div:nth-child(2) { width:110px; }
    .f12 { width:100%; }
    .panel_form > div > div:nth-child(3) { height:auto; }
    .charge_pack { width:100%; }
    .charge_pack > div { margin:0px 0px 20px; }
    .charge_pack > div > div:nth-child(2) { height:auto;margin-bottom:20px; }
}
@media only screen and (max-width:400px) {
    #panel_header > .tbl > div:nth-child(2) { display:none; }
}


@media print {
    * { visibility:hidden; }
    #order_details_print { visibility:visible;position:absolute;left:1%;top:0;width:98%; }
    #order_details_print * { visibility:visible; }
    .detail_row { padding:5px 10px;font-size:8pt !important; }
    #order_comment { border-style:none; }
}