body { background-color:#fff;color:#000; }
.page { display:none; }

#loading_logo { position:fixed;left:0;top:0;width:100%;height:100%;text-align:center; }
#loading_logo > div > img { width:100%;max-width:170px; }
#loading_version { position:fixed;left:0;bottom:15px;width:100%;text-align:center;color:#000;font-family:semi,tahoma; }

#login_title { width:90%;max-width:300px;margin:30px auto 0px;text-align:center; }
#login_title > div:nth-child(1) { font-family:bold,tahoma;font-size:24pt;color:#f54444;height:30px;line-height:30px; }
#login_title > div:nth-child(2) { margin-top:10px;height:50px;line-height:25px; }
#login_mobile_container { position:fixed;left:0;top:0;width:100%;height:100%;z-index:0; }
#login_mobile_container > div { padding-top:80px; }
#login_mobile_form { position:relative;width:90%;max-width:300px;margin:0px auto 15px; }
#login_mobile_form label { display:block;margin-right:10px;margin-bottom:5px;color:#000; }
#login_mobile_form input { width:100%;outline-style:none;border-style:none;border-radius:10px;background:none;
color:#000;direction:ltr;text-align:left;height:45px;padding:0px 10px;letter-spacing:2.5pt;box-sizing:border-box;
font-size:11pt;border:1px solid #ddd;padding-left:45px; }
#login_mobile_form input:focus { border-color:#000; }
#login_mobile_form img { position:absolute;left:12px;bottom:13px;width:19px;height:19px; }
#login_button { width:90%;max-width:300px;margin:0px auto 15px;border-radius:10px;height:50px;line-height:50px;
background-color:#f54444;color:#fff;font-size:11pt;font-family:semi,tahoma;text-align:center;cursor:pointer; }
#login_rule { width:90%;max-width:300px;margin:0px auto 40px;text-align:center;font-size:9pt;font-family:semi,tahoma; }
#login_rule > span { border-bottom:1px solid #ddd;cursor:pointer; }
#login_code_container { position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;z-index:0; }
#login_code_container > div > div:nth-child(1) { line-height:25px;width:90%;max-width:300px;margin:0px auto 20px; }
#login_code_container > div > div:nth-child(1) span { color:#000; }
#login_code_container > div > div:nth-child(2) span { cursor:pointer;padding:8px 14px;border-radius:30px;
color:#000;background-color:#eee;font-family:semi,tahoma; }
#login_code_container > div > div:nth-child(3) { margin:40px 0px;direction:ltr; }
#login_code_container > div > div:nth-child(3) input { width:40px;height:40px;margin:0px 3px;border-radius:10px;
background:none;color:#000;border:1px solid #ddd;outline-style:none;font-size:19pt;text-align:center; }
#login_code_container > div > div:nth-child(3) input:focus { border-color:#000; }
#login_timer { text-align:center; }
#login_timer > div:nth-child(1) { display:block; }
#login_timer > div:nth-child(2) { display:none; }
#login_timer > div:nth-child(2) span { cursor:pointer;font-family:semi,tahoma; }
#login_timer_label { display:inline-block;vertical-align:middle;width:50px; }

.container { width:100%;max-width:500px;margin:0px auto;padding:10px 10px 70px;box-sizing:border-box; }
#toolbar_container { width:100%;position:fixed;left:0;bottom:0px;box-sizing:border-box;z-index:+10;display:none;
padding-bottom:0px; }
#toolbar_container:before { content:"";display:block;width:100%;height:100px;position:absolute;
content:"";left:0;bottom:0;pointer-events:none;background-image:linear-gradient(to top,#fff,rgba(255,255,255,0));
background-image:-webkit-linear-gradient(to top,#fff,rgba(255,255,255,0));
background-image:-moz-linear-gradient(to top,#fff,rgba(255,255,255,0));z-index:-1; }
#toolbar_container > div { width:100%;max-width:450px;margin:0px auto;padding:0px;box-sizing:border-box; }
#toolbar { width:95%;max-width:440px;margin:0px auto;padding:0px 15px;background-color:#fff;color:#000;
box-sizing:border-box;height:63px;box-shadow:0px 5px 30px rgba(0,0,0,0.3);
border-top-right-radius:30px;border-top-left-radius:30px; }
#toolbar > div { padding:0px 0px;text-align:center;width:20%;position:relative;font-family:semi,tahoma; }
#toolbar > div:after {  }
#toolbar > div:last-child:after { display:none; }
#toolbar > div > i { display:inline-block;vertical-align:middle;width:25px;height:25px;background-size:100%;
transition:transform 100ms;-webkit-transition:transform 100ms;-moz-transition:transform 100ms; }
#toolbar > div > div { margin-top:3px;line-height:15px;overflow:hidden;height:15px;
transition:100ms;-webkit-transition:100ms;-moz-transition:100ms; }
.customer_ico { background-image:url('../image/customer.png?v4'); }
.home_ico { background-image:url('../image/home.png?v4'); }
.sell_ico { background-image:url('../image/report.png?v4'); }
.campaign_ico { background-image:url('../image/home-campaign.png?v4'); }
.message_ico { background-image:url('../image/message.png?v4'); }
.gift_ico { background-image:url('../image/gift.png?v4'); }
#toolbar > div.selected .customer_ico { background-image:url('../image/customer_selected.png?v4'); }
#toolbar > div.selected .home_ico { background-image:url('../image/home_selected.png?v4'); }
#toolbar > div.selected .sell_ico { background-image:url('../image/report_selected.png?v4'); }
#toolbar > div.selected .message_ico { background-image:url('../image/message_selected.png?v4'); }
#toolbar > div.selected .gift_ico { background-image:url('../image/gift_selected.png?v4'); }
#toolbar > div.selected > i { transform:scale(1.4);-webkit-transform:scale(1.4);-moz-transform:scale(1.4); }
#toolbar > div.selected > div { height:0px;margin-top:0; }

.turn_ico { background-image:url('../image/home-turn.png?v4'); }

.header_back { margin-top:20px;font-size:10pt;font-family:semi,tahoma;position:relative;z-index:+3;padding:0px 20px; }
.header_back i { display:inline-block;vertical-align:middle;width:25px;height:25px;background-size:60%;
background-image:url('../image/back.png?v4');margin-left:5px;background-repeat:no-repeat;background-position:center; }

#expired_layer { position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.95);
display:none;text-align:center;z-index:+1000; }
#expired_layer > div { padding:0px 30px; }
#expired_layer > div > div:nth-child(1) { font-size:25pt;font-family:bold,tahoma;color:#e02323; }
#expired_layer > div > div:nth-child(2) { width:80%;max-width:300px;margin:0px auto 0px;line-height:25px; }
#expired_layer > div > div:nth-child(2) span { font-family:semi,tahoma;margin:0px 5px;font-size:11pt; }

#home_user { width:100%;margin-bottom:10px; }
#home_user > div:nth-child(1) { width:55px;padding-left:8px; }
#home_user > div:nth-child(1) i { width:55px;height:55px;display:block;background-size:100%;
background-image:url('../image/header_user.png?v4'); }
#home_user > div:nth-child(2) { line-height:20px; }
#home_user > div:nth-child(2) > div:nth-child(1) { font-size:11pt;font-family:bold,tahoma; }
#home_user > div:nth-child(2) > div:nth-child(2) { font-size:9pt;font-family:semi,tahoma;color:#aaa; }
#home_user > div:nth-child(3) { text-align:left; }

.header_menu { display:inline-block;vertical-align:middle;margin-right:0px;background:none !important;
padding:0 !important;box-shadow:none !important; }
.header_menu i { display:inline-block;vertical-align:middle;width:40px !important;height:40px !important;
background-size:50% !important;background-position:center;background-repeat:no-repeat;
background-image:url('../image/menu.png?v4');margin-left:0 !important; }

#home_header { padding:10px 0px;text-align:center;background-image:linear-gradient(to left,#fff,#eee,#fff);
background-image:-webkit-linear-gradient(to left,#fff,#eee,#fff);font-family:semi,tahoma;margin-bottom:10px;
background-image:-moz-linear-gradient(to left,#fff,#eee,#fff); }
#home_header i:before { display:inline-block;vertical-align:middle;content:"•";margin:0px 5px;
font-size:7pt;font-style:normal;color:#ccc; }


#home_error { padding:10px 0px;text-align:center;background-image:linear-gradient(to left,#fff,#edbcbc,#fff);
background-image:-webkit-linear-gradient(to left,#fff,#edbcbc,#fff);font-family:semi,tahoma;margin-bottom:10px;
background-image:-moz-linear-gradient(to left,#fff,#edbcbc,#fff);display:none; }

#home_box { width:100%;margin-bottom:10px; }
#home_box > div { width:33.33%;text-align:center; }
#home_box > div:nth-child(1) { padding-left:6px; }
#home_box > div:nth-child(2) { padding-left:3px;padding-right:3px; }
#home_box > div:nth-child(3) { padding-right:6px; }
#home_box > div > div { padding:15px 10px 10px;border-radius:10px; }
#home_box > div > div > div:nth-child(1) { font-size:20pt;font-family:bold,tahoma;line-height:20px;color:#fff;direction:ltr; }
#home_box > div > div > div:nth-child(2) { line-height:20px;color:#fff;opacity:0.7; }
#home_box > div:nth-child(1) > div { background-color:#5958ef; }
#home_box > div:nth-child(2) > div { background-color:#1dba76; }
#home_box > div:nth-child(3) > div { background-color:#f54444; }

.win { border-radius:15px;margin-bottom:10px;background-image:-webkit-linear-gradient(to top,#fff,#f1f1f1);padding:15px;
background-image:-moz-linear-gradient(to top,#fff,#f1f1f1);background-image:linear-gradient(to top,#fff,#f1f1f1); }
.win_title { width:100%;margin-bottom:20px; }
.win_title > div:nth-child(1) { font-size:13pt;font-family:semi,tahoma; }
.win_title > div:nth-child(1) > span { display:block;font-size:9pt;margin-top:3px;color:#aaa;
line-height:20px;  }
.win_title > div:nth-child(2) { text-align:left; }
.win_title > div:nth-child(2) > * { display:inline-block;vertical-align:middle;padding:6px 10px;border-radius:10px;
background-color:#fff;font-family:semi,tahoma;cursor:pointer;font-size:10pt;box-shadow:0px 2px 10px rgba(0,0,0,0.1); }
.win_title > div:nth-child(2) > * i { display:inline-block;vertical-align:middle;width:16px;height:16px;margin-left:7px;
background-size:100%; }

.win_desc { display:block;font-size:9pt;color:#aaa;line-height:20px;margin-bottom:15px;margin-top:-12px; }
.win_title_top > div:nth-child(2) { vertical-align:top; }
.win_subtitle { margin-bottom:30px; }
.win_title > div:nth-child(1) .back_ico { display:inline-block;vertical-align:middle;width:30px;height:30px;background-size:60%;
background-image:url('../image/back.png?v4');background-position:center;background-repeat:no-repeat; }
.win_title_space { margin-top:20px; }

.user_expire_win { border-radius:15px;margin-bottom:10px;padding:12px; }
.user_expire_win > div:nth-child(1) { font-family:semi,tahoma;font-size:11pt;color:#fff; }
.user_expire_win > div:nth-child(2) { font-family:regular,tahoma;font-size:9pt;margin-top:0px;
color:#fff;opacity:0.7;line-height:20px; }
.user_not_expired { background-color:#2d9759; }
.user_expired { background-color:#f54444; }

.add_ico { background-image:url('../image/add_selected.png?v4'); }
.edit_ico { background-image:url('../image/edit.png?v4'); }
.delete_ico { background-image:url('../image/delete.png?v4'); }
.money_ico { background-image:url('../image/home-credit.png?v4'); }
.view_ico { background-image:url('../image/view.png?v4'); }
.bcard_ico { background-image:url('../image/home-visit.png?v4'); }
.support_ico { background-image:url('../image/home-support.png?v4'); }
.profile_ico { background-image:url('../image/home-profile.png?v4'); }
.settings_ico { background-image:url('../image/home-settings.png?v4'); }
.gateway_ico { background-image:url('../image/home-pay.png?v4'); }

.win_no_padding { padding:0; }
.win_title_padding { padding:15px 15px 0px;box-sizing:border-box; }
.win_h_padding { padding:0px 15px 0px;box-sizing:border-box; }

#home_icons { width:100%;margin:10px 0px;position:relative; }
#home_icons > div { width:33.33%;float:right;text-align:center;padding:15px 10px 0px;
cursor:pointer;box-sizing:border-box;height:95px; }
#home_icons > a { display:block;width:33.33%;float:right;text-align:center;padding:12px 10px;
cursor:pointer;box-sizing:border-box;height:95px; }
#home_icons > div.clr { clear:both;float:none;padding:0; }
#home_icons > * > div:nth-child(1) img { width:28px; }
#home_icons > * > div:nth-child(2) { font-size:9pt;margin-top:5px;color:#000;line-height:18px;height:36px; }
#home_icons > * > div:nth-child(2) span { display:block;font-size:11pt;font-family:semi,tahoma; }
#home_icons > div.clr { height:0; }

#home_iv1 { position:absolute;right:33.33%;top:0;width:2px;height:100%;display:block;
background-image:linear-gradient(to bottom,#fff,#eee,#fff);background-image:-webkit-linear-gradient(to bottom,#fff,#eee,#fff);
background-image:-moz-linear-gradient(to bottom,#fff,#eee,#fff); }
#home_iv2 { position:absolute;right:66.66%;top:0;width:2px;height:100%;display:block;
background-image:linear-gradient(to bottom,#fff,#eee,#fff);background-image:-webkit-linear-gradient(to bottom,#fff,#eee,#fff);
background-image:-moz-linear-gradient(to bottom,#fff,#eee,#fff); }
#home_ih1 { position:absolute;right:0;top:95px;height:2px;width:100%;display:block;
background-image:linear-gradient(to left,#fff,#eee,#fff);background-image:-webkit-linear-gradient(to left,#fff,#eee,#fff);
background-image:-moz-linear-gradient(to left,#fff,#eee,#fff); }
#home_ih2 { position:absolute;right:0;top:190px;height:2px;width:100%;display:block;
background-image:linear-gradient(to left,#fff,#eee,#fff);background-image:-webkit-linear-gradient(to left,#fff,#eee,#fff);
background-image:-moz-linear-gradient(to left,#fff,#eee,#fff); }
#home_ih3 { position:absolute;right:0;top:285px;height:2px;width:100%;display:block;
background-image:linear-gradient(to left,#fff,#eee,#fff);background-image:-webkit-linear-gradient(to left,#fff,#eee,#fff);
background-image:-moz-linear-gradient(to left,#fff,#eee,#fff); }

#home_stats { padding:10px 10px 15px 10px; }
.apexcharts-tooltip-text-y-value { padding:0px 5px !important; }
.apexcharts-tooltip-marker { margin-right:0 !important;margin-left:10px !important; }
.apexcharts-legend-marker { margin-right:0 !important;margin-left:5px !important; }
#home_stats > .tbl:last-child { width:100%;text-align:center;margin-top:0px;box-sizing:border-box;line-height:20px; }
#home_stats > .tbl:last-child > div > div:nth-child(1) { font-size:12pt;font-family:semi,tahoma; }
#home_stats > .tbl:last-child > div > div:nth-child(1):after { font-size:9pt;content:"ت";margin-right:2px;display:inline-block;vertical-align:middle; }
#home_stats > .tbl:last-child > div > div:nth-child(2) { font-family:semi,tahoma;color:#aaa; }

#bc_stats { padding:10px 10px 15px 10px; }
#bc_stats > .tbl:last-child { width:100%;text-align:center;margin-top:0px;box-sizing:border-box;line-height:20px; }
#bc_stats > .tbl:last-child > div > div:nth-child(1) { font-size:12pt;font-family:semi,tahoma; }
#bc_stats > .tbl:last-child > div > div:nth-child(1):after { font-size:9pt;content:"بار";margin-right:2px;display:inline-block;vertical-align:middle; }
#bc_stats > .tbl:last-child > div > div:nth-child(2) { font-family:semi,tahoma;color:#aaa; }

#msg_stats { width:100%;text-align:center;margin-top:10px;box-sizing:border-box;line-height:20px; }
#msg_stats > div { width:50%; }
#msg_stats > div > div:nth-child(1) { font-size:12pt;font-family:semi,tahoma; }
#msg_stats > div > div:nth-child(1):after { font-size:9pt;content:"ت";margin-right:2px;display:inline-block;vertical-align:middle; }
#msg_stats > div > div:nth-child(2) { font-family:semi,tahoma;color:#aaa; }

.empty { padding:90px 0px 70px;text-align:center; }
.empty > i { display:inline-block;vertical-align:middle;width:90px;height:90px;background-size:100%;
background-image:url('../image/empty.png?v4'); }
.empty > div:nth-child(2) { margin-top:5px;font-size:10pt;font-family:semi,tahoma; }

.home_sell { background-color:#fff;padding:8px 12px;margin-top:6px;border-radius:10px;box-shadow:0px 3px 5px rgba(0,0,0,0.03); }
.home_sell.active {  }
.home_sell > .tbl { width:100%;table-layout:fixed; }
.home_sell > .tbl > div:nth-child(1) { font-size:11pt;font-family:semi,tahoma;line-height:25px;white-space:nowrap;
overflow:hidden;text-overflow:ellipsis; }
.home_sell > .tbl > div:nth-child(2) { text-align:left;width:120px; }
.home_sell > .tbl > div:nth-child(2) > *:nth-child(2) { margin-right:6px; }
.home_sell .info_ico { display:inline-block;vertical-align:middle;width:16px;height:16px;margin-left:6px;
background-size:100%;background-image:url('../image/info.png?v4');opacity:0.2; }
.home_sell > div:nth-child(2) { display:none;padding:8px 0px 0px;border-top:1px dashed rgba(0,0,0,0.2);margin-top:8px; }
.home_sell > div:nth-child(2) > i { display:inline-block;width:4px;height:4px;border-radius:100%;
background-color:rgba(0,0,0,0.2);margin:0px 6px; }


.win_search { margin-bottom:10px;padding:0px 15px;position:relative; }
.win_search > input { width:100%;padding:0px 8px;box-sizing:border-box;height:35px;border-radius:7px;font-family:semi,tahoma;
border-style:none;background:none;outline-style:none;font-size:10pt;padding-right:35px;background-color:#fff;
transition:100ms;-webkit-transition:100ms;-moz-transition:100ms; }
.win_search > input:focus { box-shadow:0px 0px 10px rgba(0,0,0,0.05);background-color:#fff; }
.win_search > input::placeholder { color:#bbb; }
.win_search img { position:absolute;right:23px;top:8px;width:19px;height:19px;opacity:0.2; }
#win_search_results { display:none;padding:5px 15px 15px; }

.win_tabs > div:nth-child(1) { overflow-x:auto;font-size:11pt;position:relative;white-space:nowrap; }
.win_tabs > div:nth-child(1):after { position:absolute;left:0;bottom:0px;width:100%;height:1px;background-color:#e3e3e3;
content:"";z-index:0; }
.win_tabs > div:nth-child(1) > * { display:inline-block;vertical-align:middle;padding:0px 10px;cursor:pointer;
height:37px;line-height:37px;position:relative; }
.win_tabs > div:nth-child(1) > *.selected { font-family:bold,tahoma; }
.win_tabs > div:nth-child(1) > *.selected:after { content:"";position:absolute;right:0;bottom:0px;width:100%;height:2px;
z-index:+1;background-color:#f54444; }
.win_tabs > div:nth-child(2) { padding:15px; }
.win_tabs > div:nth-child(2)#win_tabs_sell { padding:10px 0px 0px; }
.win_tabs > div:nth-child(2) > div { display:none; }
.win_tabs > div:nth-child(2) > div.selected { display:block; }

.customer_row { background-color:#fff;padding:10px 10px 10px 15px;margin-top:6px;border-radius:10px;
box-shadow:0px 3px 5px rgba(0,0,0,0.03); }
.customer_row > .tbl { width:100%; }
.customer_row > .tbl > div:nth-child(1) { width:50px;padding-left:7px;}
.customer_row > .tbl > div:nth-child(1) i { display:block;width:50px;height:50px;background-size:100%;
background-image:url('../image/header_user.png?v4');opacity:0.55; }
.customer_row > .tbl > div:nth-child(2) { line-height:20px; }
.customer_row > .tbl > div:nth-child(2) > div:nth-child(1) { font-size:11pt;font-family:semi,tahoma; }
.customer_row > .tbl > div:nth-child(2) > div:nth-child(2) { font-family:semi,tahoma;color:rgba(0,0,0,0.5); }
.customer_row > .tbl > div:nth-child(3) { text-align:left;padding-left:3px; }
.customer_row > .tbl > div:nth-child(3) i { display:inline-block;vertical-align:middle;width:12px;height:12px;
background-size:100%;background-image:url('../image/bottom_arrow.png?v4');opacity:0.3;transition:100ms;-webkit-transition:100ms;
-moz-transition:100ms; }
.customer_row > div:nth-child(2) { display:none;padding:8px 0px 0px;border-top:1px dashed rgba(0,0,0,0.2);margin-top:8px; }
.customer_row > div:nth-child(2) > i { display:inline-block;width:4px;height:4px;border-radius:100%;
background-color:rgba(0,0,0,0.2);margin:0px 6px; }
.customer_row.active {  }
.customer_row.active > .tbl > div:nth-child(3) i { transform:rotate(180deg);-webkit-transform:rotate(180deg);
opacity:1;-moz-transform:rotate(180deg); }

.action_button { display:inline-block;vertical-align:middle;cursor:pointer;font-family:semi,tahoma; }
.action_button i { display:inline-block;vertical-align:middle;width:16px;height:16px;margin-left:5px;
background-size:100%;cursor:pointer; }
.action_button i.delete_ico { margin-left:2px; }

.win_tab_desc { font-size:9pt;font-family:semi,tahoma;margin:0px 0px;line-height:25px; }

#home_no_charge { display:none;text-align:center;padding:20px;margin-bottom:10px; }
#home_no_charge > .tbl { width:100%;margin-bottom:10px;text-align:right; }
#home_no_charge > .tbl > div:nth-child(1) { width:80px;padding-left:10px; }
#home_no_charge > .tbl > div:nth-child(1) img { width:100%; }
#home_no_charge > .tbl > div:nth-child(2) > div:nth-child(1) { font-family:semi,tahoma;font-size:12pt;color:#f54444; }
#home_no_charge > .tbl > div:nth-child(2) > div:nth-child(2) { font-size:9pt;line-height:20px;margin-top:2px; }
#home_no_charge > div:nth-child(2) span { font-family:semi,tahoma;cursor:pointer;padding:11px 0px;
background-color:#eee;border-radius:10px;text-align:center;color:#000;display:block;font-size:11pt; }

.gift_row { background-color:#fff;padding:10px 10px 10px 15px;margin-top:6px;border-radius:10px;
box-shadow:0px 3px 5px rgba(0,0,0,0.03); }
.gift_row > .tbl { width:100%;table-layout:fixed; }
.gift_row > .tbl > div:nth-child(1) { line-height:23px; }
.gift_row > .tbl > div:nth-child(1) > * {  }
.gift_row > .tbl > div:nth-child(1) > div:nth-child(1) { font-size:12pt;font-family:semi,tahoma; }
.gift_row > .tbl > div:nth-child(1) > div:nth-child(1) > span { display:block;font-size:10pt; }
.gift_row > .tbl > div:nth-child(1) > div:nth-child(2) { font-size:9pt;font-family:semi,tahoma;color:rgba(0,0,0,0.5); }
.gift_row > .tbl > div:nth-child(1) > div:nth-child(3) { font-size:9pt;font-family:semi,tahoma;color:rgba(0,0,0,0.5); }
.gift_row > .tbl > div:nth-child(2) { text-align:left;padding-left:3px;width:20px; }
.gift_row > .tbl > div:nth-child(2) i { display:inline-block;vertical-align:middle;width:12px;height:12px;
background-size:100%;background-image:url('../image/bottom_arrow.png?v4');opacity:0.3;transition:100ms;-webkit-transition:100ms;
-moz-transition:100ms; }
.gift_row > div:nth-child(2) { display:none;padding:8px 0px 0px;border-top:1px dashed rgba(0,0,0,0.2);margin-top:8px; }
.gift_row > div:nth-child(2) > i { display:inline-block;width:4px;height:4px;border-radius:100%;
background-color:rgba(0,0,0,0.2);margin:0px 6px; }
.gift_row.active {  }
.gift_row.active > .tbl > div:nth-child(2) i { transform:rotate(180deg);-webkit-transform:rotate(180deg);
opacity:1;-moz-transform:rotate(180deg); }


.message_header { padding:10px 0px;text-align:center;font-family:semi,tahoma;margin-bottom:15px;font-size:11pt;
background-image:linear-gradient(to left,rgba(255,255,255,0.5),rgba(0,0,0,0.05),rgba(255,255,255,0.5));
background-image:-webkit-linear-gradient(to left,rgba(255,255,255,0.5),rgba(0,0,0,0.05),rgba(255,255,255,0.5));
background-image:-moz-linear-gradient(to left,rgba(255,255,255,0.5),rgba(0,0,0,0.05),rgba(255,255,255,0.5)); }

#message_box { width:100%;margin-bottom:10px; }
#message_box > div { width:50%;text-align:center; }
#message_box > div:nth-child(1) { padding-left:5px; }
#message_box > div:nth-child(2) { padding-right:5px; }
#message_box > div > div { padding:15px 10px 10px;border-radius:10px;background-color:#fff;border:1px solid #eee; }
#message_box > div > div > div:nth-child(1) { font-size:22pt;font-family:bold,tahoma;line-height:20px;color:#000;direction:ltr; }
#message_box > div > div > div:nth-child(2) { font-family:semi,tahoma;line-height:20px;color:#000;opacity:0.5;margin-top:5px; }
#message_box > div:nth-child(2) > div > div:nth-child(1) { color:#e54d4d; }
#message_box > div:nth-child(1) > div > div:nth-child(1) { color:#f54444; }

#customer_message_button { border-radius:10px;margin-bottom:10px;text-align:center;padding:10px 0px;color:#000;font-size:11pt;
font-family:semi,tahoma;cursor:pointer;background-color:#f1f1f1; }
#customer_new_button { border-radius:10px;margin-bottom:10px;text-align:center;padding:10px 0px;color:#fff;font-size:11pt;
font-family:semi,tahoma;cursor:pointer;background-color:#f54444; }
#customer_new_button:before { content:"";display:inline-block;vertical-align:middle;width:18px;height:18px;
background-size:100%;background-image:url('../image/add.png?v4');margin-left:10px;filter:brightness(1) invert(1);
-webkit-filter:brightness(1) invert(1);-moz-filter:brightness(1) invert(1); }

#business_card_edit { background-color:#eee;font-family:semi,tahoma;margin-bottom:10px;text-align:center;border-radius:10px;
font-size:11pt;padding:10px 0px;cursor:pointer; }
#business_card_edit i { display:inline-block;vertical-align:middle;width:16px;height:16px;
margin-left:6px;background-size:100%; }
#business_card_link { border-radius:10px;margin-bottom:10px;text-align:center;padding:10px 0px;color:#fff;font-size:11pt;
font-family:semi,tahoma;cursor:pointer;background-color:#f54444;display:block; }
#business_card_link:before { content:"";display:inline-block;vertical-align:middle;width:18px;height:18px;
background-size:100%;background-image:url('../image/view.png?v4');margin-left:10px;
filter:invert(1) brightness(1);-webkit-filter:invert(1) brightness(1);-moz-filter:invert(1) brightness(1); }

.message_row { background-color:#fff;padding:10px 10px 10px 15px;margin-top:6px;border-radius:10px;
box-shadow:0px 3px 5px rgba(0,0,0,0.03); }
.message_row > .tbl { width:100%;table-layout:fixed; }
.message_row > .tbl > div:nth-child(1) { width:40px;padding-left:15px;}
.message_row > .tbl > div:nth-child(1) i { display:block;width:40px;height:40px;background-size:100%;opacity:0.7;
background-image:url('../image/message_icon.png?v4');background-repeat:no-repeat;background-position:center; }
.message_row > .tbl > div:nth-child(2) { line-height:20px; }
.message_row > .tbl > div:nth-child(2) > * { height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.message_row > .tbl > div:nth-child(2) > div:nth-child(1) { font-size:12pt;font-family:semi,tahoma;margin-bottom:2px; }
.message_row > .tbl > div:nth-child(2) > div:nth-child(2) { font-size:9pt;font-family:semi,tahoma;color:rgba(0,0,0,0.4); }
.message_row > .tbl > div:nth-child(3) { text-align:left;padding-left:3px;width:20px; }
.message_row > .tbl > div:nth-child(3) i { display:inline-block;vertical-align:middle;width:12px;height:12px;
background-size:100%;background-image:url('../image/bottom_arrow.png?v4');opacity:0.3;transition:100ms;-webkit-transition:100ms;
-moz-transition:100ms; }
.message_row > div:nth-child(2) { display:none;padding:10px 5px 0px;border-top:1px dashed rgba(0,0,0,0.2);
line-height:22px;margin-top:8px; }
.message_row > div:nth-child(2) > i { display:inline-block;width:4px;height:4px;border-radius:100%;
background-color:rgba(0,0,0,0.2);margin:0px 6px; }
.message_row.active {  }
.message_row.active > .tbl > div:nth-child(3) i { transform:rotate(180deg);-webkit-transform:rotate(180deg);
opacity:1;-moz-transform:rotate(180deg); }

.pattern_row { background-color:#eee;padding:10px 10px 10px 15px;margin-top:6px;border-radius:10px;
box-shadow:0px 3px 5px rgba(0,0,0,0.03); }
.pattern_row > .tbl { width:100%;table-layout:fixed; }
.pattern_row > .tbl > div:nth-child(1) { font-size:12pt;font-family:semi,tahoma; }
.pattern_row > .tbl > div:nth-child(2) { text-align:left;padding-left:3px;width:20px; }
.pattern_row > .tbl > div:nth-child(2) i { display:inline-block;vertical-align:middle;width:12px;height:12px;
background-size:100%;background-image:url('../image/bottom_arrow.png?v4');opacity:0.3;transition:100ms;-webkit-transition:100ms;
-moz-transition:100ms; }
.pattern_row > div:nth-child(2) { display:none;padding:10px 5px 10px;line-height:22px;margin-top:8px; }
.pattern_row > div:nth-child(2) > div:nth-child(2) { display:block;background-color:#f54444;color:#fff;
cursor:pointer;padding:8px 0px;text-align:center;font-family:semi,tahoma;font-size:11pt;margin-top:10px;border-radius:10px; }
.pattern_row > div:nth-child(2) > i { display:inline-block;width:4px;height:4px;border-radius:100%;
background-color:rgba(0,0,0,0.2);margin:0px 6px; }
.pattern_row.active > .tbl > div:nth-child(3) i { transform:rotate(180deg);-webkit-transform:rotate(180deg);
opacity:1;-moz-transform:rotate(180deg); }


.form { margin-top:10px;position:relative; }
.form label { display:block;font-family:semi,tahoma;font-size:10pt;margin-bottom:5px;height:25px;line-height:25px; }
.form input { width:100%;height:40px;border-radius:10px;background-color:#f3f3f3;padding:0px 10px;
font-size:11pt;text-align:center;box-sizing:border-box;
border-style:none;outline-style:none;color:#000;border:1px solid #ddd; }
.form input[type=time] { line-height:40px;-webkit-appearance:none;-moz-appearance:none; }
.form input.ltr { direction:ltr; }
.form select { width:100%;height:40px;border-radius:10px;background-color:#f3f3f3;padding:0px 10px;
font-size:11pt;text-align:center;box-sizing:border-box;
border-style:none;outline-style:none;color:#000;border:1px solid #ddd; }
.form textarea { width:100%;height:140px;border-radius:10px;background-color:#f3f3f3;padding:10px;
font-size:11pt;text-align:right;box-sizing:border-box;
border-style:none;outline-style:none;color:#000;border:1px solid #ddd; }
.form_button { text-align:center;margin-top:20px; }
.form_button > div:nth-child(1) { display:block;padding:10px 20px;border-radius:10px;color:#fff;font-family:semi,tahoma;
text-align:center;font-size:11pt;background-color:#f54444;cursor:pointer; }
.form_button > div:nth-child(1).delete { background-color:#e54d4d; }
.form_button > div:nth-child(2) { margin-top:10px;font-size:11pt;font-family:semi,tahoma;text-align:center;
padding:5px 0px 0px;cursor:pointer; }
.form_info { font-size:9pt;margin-top:5px;line-height:20px;color:#777; }

.text_counter { text-align:left;margin-top:0px;font-family:semi,tahoma;font-size:9pt; }
.text_counter span { font-size:9pt; }
.text_counter i { display:inline-block;vertical-align:middle;margin:0px 5px;width:4px;height:4px;border-radius:100%;
background-color:#ddd; }

.text_parameters { margin-top:20px;padding:10px 15px;border-radius:10px;background-color:#f7ead3 }
.text_parameters > div:nth-child(1) { font-family:semi,tahoma;font-size:9pt; }

.pattern_select_button { height:25px;line-height:25px;position:absolute;left:0;top:0;font-size:11pt;
cursor:pointer;font-family:semi,tahoma;opacity:0.5; }

.limit { margin-top:20px; }
.limit > div:nth-child(1) { font-size:12pt;font-family:semi,tahoma;margin-bottom:10px; }
.limit_filter { margin-top:5px;box-shadow:0px 3px 5px rgba(0,0,0,0.03);background-color:#fff;border-radius:10px;overflow:hidden; }
.limit_filter > label { display:block;padding:10px 10px;font-size:11pt;font-family:semi,tahoma; }
.limit_filter > label span { font-size:9pt;color:rgba(0,0,0,0.4);margin-right:0px; }
.limit_filter > label input { display:inline-block;vertical-align:middle;margin-left:10px; }
.col12 { width:50%;box-sizing:border-box;float:right; }
.col12:nth-child(odd) { padding-left:5px; }
.col12:nth-child(even) { padding-right:5px; }
.limit_filter > div { padding:0px 15px 15px;border-top:1px dashed rgba(0,0,0,0.1);display:none; }
.limit_filter.active {  }
.limit_filter > div.active { display:block; }

#send_message_counter { text-align:center;margin:20px 0px;font-size:12pt;font-family:bold,tahoma;color:#e54d4d; }
#send_message_counter > span { margin:0px 4px; }

.charge_box { background-color:#fff;padding:10px 15px;margin-top:6px;border-radius:10px;
box-shadow:0px 3px 5px rgba(0,0,0,0.03);position:relative;border:1px solid rgba(0,0,0,0); }
.charge_box > div:nth-child(1) { font-size:12pt;font-family:bold,tahoma; }
.charge_box > div:nth-child(2) { font-size:10pt;font-family:semi,tahoma;margin-top:3px;color:#888; }
.charge_box > div:nth-child(2) strike { margin-left:10px; }
.charge_box > div:nth-child(3) { position:absolute;left:8px;top:8px;height:25px;line-height:25px;padding:0px 6px;color:#fff;
background-color:#e54d4d;border-radius:7px; }
.charge_box.selected { background-color:#f3e1e1;border-color:#f54444; }

#customer_header { text-align:right;margin:0px auto 20px;width:100%;padding:0px 0px; }
#customer_header > div:nth-child(1) { width:110px;padding-left:10px; }
#customer_header > div:nth-child(1) i { display:inline-block;vertical-align:middle;width:110px;height:110px;background-size:100%;
background-image:url('../image/header_user.png?v4');opacity:0.5; }
#customer_header > div:nth-child(2) > div:nth-child(1) { font-size:18pt;font-family:bold,tahoma; }
#customer_header > div:nth-child(2) > div:nth-child(2) { font-size:13pt;font-family:bold,tahoma;margin:6px 0px; }
#customer_header > div:nth-child(2) > div:nth-child(3) { font-size:9pt;color:#aaa; }

#customer_button { width:100%;margin-bottom:10px; }
#customer_button > div { text-align:left;width:50%; }
#customer_button > div:nth-child(1) { padding-left:5px; }
#customer_button > div:nth-child(2) { padding-right:5px; }
#customer_button > div > span { padding:10px 0px;text-align:center;background-color:#f1f1f1;border-radius:10px;
display:block;cursor:pointer;font-size:10pt;font-family:semi,tahoma; }
#customer_button > div > span i { display:inline-block;vertical-align:middle;width:16px;height:16px;
margin-left:6px;background-size:100%; }

.customer_gift { background-color:#fff;padding:10px 10px 10px 15px;margin-top:6px;border-radius:10px;
box-shadow:0px 3px 5px rgba(0,0,0,0.03);width:100%;box-sizing:border-box;table-layout:fixed; }
.customer_gift > div:nth-child(1) > div:nth-child(1) { font-size:11pt;font-family:semi,tahoma;white-space:nowrap;
overflow:hidden;text-overflow:ellipsis; }
.customer_gift > div:nth-child(1) > div:nth-child(1):before { content:""; }
.customer_gift > div:nth-child(1) > div:nth-child(2) { color:#aaa;font-size:9pt; }
.customer_gift > div:nth-child(2) { width:70px;text-align:left; }
.customer_gift > div:nth-child(2) span { cursor:pointer;color:#e54d4d;font-family:semi,tahoma; }

#menu_back { position:fixed;left:0;top:0;width:100%;height:100%;z-index:+11;background-color:#eee;opacity:0.95;display:none; }
#menu { position:fixed;left:0;top:0;width:240px;height:100%;z-index:+12;background-color:#fff;display:none;
box-shadow:0px 0px 30px rgba(0,0,0,0.15);box-sizing:border-box;padding-bottom:100px;overflow-x:hidden; }
#menu > div:nth-child(1) { position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;overflow-y:auto;
padding:0px 20px 80px;box-sizing:border-box; }
#menu_logo { margin-top:25px;text-align:center;margin-bottom:30px; }
#menu_logo > i { width:80px;height:80px;display:inline-block;background-image:url('../image/logo.png?v4');
background-size:100%;background-position:center;background-repeat:no-repeat;vertical-align:middle; }
#menu_links { line-height:30px;font-size:11pt;padding-top:10px; }
#menu_links > * { display:block;margin-top:10px;cursor:pointer; }
#menu_links i { display:inline-block;vertical-align:middle;width:20px;height:20px;background-size:100%;margin-left:10px; }
#menu_logout { position:absolute;left:0;bottom:0;width:100%;text-align:center;background-color:#f3f3f3;
font-family:semi,tahoma;padding:14px 0px;font-size:10pt;z-index:+1; }

#popup_back { position:fixed;left:0;top:0;width:100%;height:100%;background-color:#eee;opacity:0.9;z-index:+11;display:none; }
.popup { width:100%;height:100%;overflow-y:auto;text-align:right;position:fixed;left:0;top:0px;z-index:+12;
padding:50px 0px;box-sizing:border-box;display:none; }
.popup > div { background-color:#fff;width:90%;max-width:340px;border-radius:15px;margin:0px auto;
box-sizing:border-box;box-shadow:0px 0px 30px rgba(0,0,0,0.15);position:relative;z-index:+12; }
.popup > div.padding { padding:25px; }
.popup .form { width:100%;margin:10px auto 0px; }
.popup_title { margin-bottom:20px; }
.popup_title > div:nth-child(1) { font-size:13pt;font-family:bold,tahoma; }
.popup_title > div:nth-child(2) { display:block;font-size:9pt;color:#aaa;line-height:23px;margin-top:3px; }

.customer_mobile_result { text-align:left;margin-top:5px;font-size:9pt;font-family:semi,tahoma;height:20px;line-height:20px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.customer_mobile_result span { font-family:semi,tahoma;margin-right:5px;display:inline-block;vertical-align:middle;color:#000 !important;
text-decoration:underline; }
.customer_mobile_result.ok { color:#2d9759; }
.customer_mobile_result.cancel { color:#f54444; }

.date_tbl { width:100%; }
.date_tbl > div:nth-child(1) { width:30%; }
.date_tbl > div:nth-child(2) { width:40%;padding:0px 10px; }
.date_tbl > div:nth-child(3) { width:30%; }

#delete_customer_purchase { font-size:11pt; }
#delete_customer_purchase input { display:inline-block;vertical-align:middle;margin-left:5px; }

#sell_customer_result { font-family:semi,tahoma; }
#sell_customer_error { text-align:center;padding:10px 0px;font-family:semi,tahoma;color:#e54d4d; }
.sell_customer { background-color:#fff;padding:0px 15px;margin-top:6px;border-radius:10px;cursor:pointer;
box-shadow:0px 3px 5px rgba(0,0,0,0.03);height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.sell_customer > span { display:inline-block;vertical-align:middle; }
.sell_customer > span:nth-child(1) { font-family:semi,tahoma;margin-left:10px;font-size:11pt; }

#sells_header { padding:10px 5px;text-align:center;margin-bottom:10px;font-family:semi,tahoma;width:100%;
margin-bottom:10px;text-align:center;opacity:0;font-family:semi,tahoma;box-sizing:border-box; }
#sells_header > div:nth-child(1) { width:60px;text-align:right;cursor:pointer; }
#sells_header > div:nth-child(1):before { content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;
background-image:url('../image/right.png?v4');background-size:100%;margin-left:3px; }
#sells_header > div:nth-child(3) { width:60px;text-align:left;cursor:pointer; }
#sells_header > div:nth-child(3):after { content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;
background-image:url('../image/left.png?v4');background-size:100%;margin-right:3px; }
#sells_header > div:nth-child(2) { font-size:12pt;font-family:bold,tahoma; }

#turns_header { padding:10px 5px;text-align:center;margin-bottom:10px;font-family:semi,tahoma;width:100%;
margin-bottom:10px;text-align:center;opacity:0;font-family:semi,tahoma;box-sizing:border-box; }
#turns_header > div:nth-child(1) { width:60px;text-align:right;cursor:pointer; }
#turns_header > div:nth-child(1):before { content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;
background-image:url('../image/right.png?v4');background-size:100%;margin-left:3px; }
#turns_header > div:nth-child(3) { width:60px;text-align:left;cursor:pointer; }
#turns_header > div:nth-child(3):after { content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;
background-image:url('../image/left.png?v4');background-size:100%;margin-right:3px; }
#turns_header > div:nth-child(2) { font-size:12pt;font-family:bold,tahoma; }

#messages_header { padding:10px 5px;text-align:center;margin-bottom:10px;font-family:semi,tahoma;width:100%;
margin-bottom:10px;text-align:center;opacity:0;font-family:semi,tahoma;box-sizing:border-box; }
#messages_header > div:nth-child(1) { width:60px;text-align:right;cursor:pointer; }
#messages_header > div:nth-child(1):before { content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;
background-image:url('../image/right.png?v4');background-size:100%;margin-left:3px; }
#messages_header > div:nth-child(3) { width:60px;text-align:left;cursor:pointer; }
#messages_header > div:nth-child(3):after { content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;
background-image:url('../image/left.png?v4');background-size:100%;margin-right:3px; }
#messages_header > div:nth-child(2) { font-size:12pt;font-family:bold,tahoma; }

.charge_off { margin:20px 0px; }
.charge_off > div:nth-child(1) { font-size:12pt;font-family:bold,tahoma;margin-bottom:5px; }
.charge_off > div:nth-child(2) { position:relative; }
.charge_off > div:nth-child(2) input { width:100%;height:42px;direction:ltr;text-align:right;border-radius:10px;
background-color:#fff;border:1px solid #ddd;box-sizing:border-box;font-size:11pt;padding:0px 10px;outline-style:none; }
.charge_off > div:nth-child(2) span { display:inline-block;vertical-align:middle;width:auto;height:30px;position:absolute;
left:6px;top:6px;line-height:30px;border-radius:6px;background-color:#2d9759;color:#fff;cursor:pointer;padding:0px 10px;
font-size:11pt;font-family:semi,tahoma; }
.charge_off > div:nth-child(3) { margin-top:10px;font-family:semi,tahoma;line-height:25px; }
.charge_off > div:nth-child(3) > div:before { content:"";display:inline-block;vertical-align:middle;
width:4px;height:4px;background-color:#000;margin-left:4px;margin-right:5px; }

.map { border-radius:10px;overflow:hidden;position:relative; }
.map > div { height:300px;width:100%; }
.map > div i { width:40px;height:40px;position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);
background-size:100%;background-image:url('../image/location.png?v4');z-index:+1;pointer-events:none; }

.account_row { background-color:#fff;padding:10px 10px 10px 15px;margin-top:6px;border-radius:10px;
box-shadow:0px 3px 5px rgba(0,0,0,0.03); }
.account_row > .tbl { width:100%; }
.account_row > .tbl > div:nth-child(1) { line-height:20px; }
.account_row > .tbl > div:nth-child(1) > div:nth-child(1) { font-size:11pt;font-family:semi,tahoma; }
.account_row > .tbl > div:nth-child(1) > div:nth-child(2) { font-family:semi,tahoma;color:rgba(0,0,0,0.5); }
.account_row > .tbl > div:nth-child(2) { text-align:left;padding-left:3px; }
.account_row > .tbl > div:nth-child(2) i { display:inline-block;vertical-align:middle;width:12px;height:12px;
background-size:100%;background-image:url('../image/bottom_arrow.png?v4');opacity:0.3;transition:100ms;-webkit-transition:100ms;
-moz-transition:100ms; }
.account_row > div:nth-child(2) { display:none;padding:8px 0px 0px;border-top:1px dashed rgba(0,0,0,0.2);margin-top:8px; }
.account_row > div:nth-child(2) > i { display:inline-block;width:4px;height:4px;border-radius:100%;
    background-color:rgba(0,0,0,0.2);margin:0px 6px; }
.account_row.active {  }
.account_row.active > .tbl > div:nth-child(3) i { transform:rotate(180deg);-webkit-transform:rotate(180deg);
opacity:1;-moz-transform:rotate(180deg); }


.turn_row { background-color:#fff;padding:10px 10px 10px 15px;margin-top:6px;border-radius:10px;
box-shadow:0px 3px 5px rgba(0,0,0,0.03); }
.turn_row > .tbl { width:100%; }
.turn_row > .tbl > div:nth-child(1) { line-height:20px; }
.turn_row > .tbl > div:nth-child(1) > div:nth-child(1) { font-size:11pt;font-family:semi,tahoma; }
.turn_row > .tbl > div:nth-child(1) > div:nth-child(2) { font-family:semi,tahoma;color:rgba(0,0,0,0.5); }
.turn_row > .tbl > div:nth-child(2) { text-align:left;padding-left:3px; }
.turn_row > .tbl > div:nth-child(2) i { display:inline-block;vertical-align:middle;width:12px;height:12px;
background-size:100%;background-image:url('../image/bottom_arrow.png?v4');opacity:0.3;transition:100ms;-webkit-transition:100ms;
-moz-transition:100ms; }
.turn_row > div:nth-child(2) { display:none;padding:8px 0px 0px;border-top:1px dashed rgba(0,0,0,0.2);margin-top:8px; }
.turn_row > div:nth-child(2) > i { display:inline-block;width:4px;height:4px;border-radius:100%;
background-color:rgba(0,0,0,0.2);margin:0px 6px; }
.turn_row.active > .tbl > div:nth-child(3) i { transform:rotate(180deg);-webkit-transform:rotate(180deg);
opacity:1;-moz-transform:rotate(180deg); }

.theme.selected > div { background-color:#f54444; }
.theme.selected img { opacity:0.9; }
.theme { width:50%;float:right;box-sizing:border-box;cursor:pointer; }
.theme:nth-child(1) { padding-left:4px; }
.theme:nth-child(2) { padding-right:4px; }
.theme > div { padding:3px;border-radius:15px; }
.theme img { width:100%;border-radius:12px; }

#profile_link_container { padding-top:20px; }
.profile_link { background-color:#fff;border-radius:10px;padding:15px 20px 20px;margin-bottom:15px; }
.profile_link > label { text-align:center;margin-bottom:15px;display:block;font-size:11pt;opacity:0.5; }
.profile_link > div {  }

.profile_link_delete { text-align:center;padding-top:15px; }
.profile_link_delete > span { cursor:pointer;color:#e54d4d;font-size:10pt;font-family:semi,tahoma; }
.profile_link:nth-child(1) .profile_link_delete { display:none; }

#add_link_more { text-align:center;margin-top:15px;padding-bottom:5px; }
#add_link_more span { cursor:pointer; }


.sms_pattern_row { background-color:#fff;padding:10px 10px 10px 15px;margin-top:6px;border-radius:10px;
box-shadow:0px 3px 5px rgba(0,0,0,0.03); }
.sms_pattern_row > .tbl { width:100%; }
.sms_pattern_row > .tbl > div:nth-child(1) { line-height:20px; }
.sms_pattern_row > .tbl > div:nth-child(1) > div:nth-child(1) { font-size:11pt;font-family:semi,tahoma; }
.sms_pattern_row > .tbl > div:nth-child(1) > div:nth-child(2) { font-family:semi,tahoma;color:rgba(0,0,0,0.5); }
.sms_pattern_row > .tbl > div:nth-child(2) { text-align:left;padding-left:3px; }
.sms_pattern_row > .tbl > div:nth-child(2) i { display:inline-block;vertical-align:middle;width:12px;height:12px;
background-size:100%;background-image:url('../image/bottom_arrow.png?v4');opacity:0.3;transition:100ms;-webkit-transition:100ms;
-moz-transition:100ms; }
.sms_pattern_row > div:nth-child(2) { display:none;padding:8px 0px 0px;border-top:1px dashed rgba(0,0,0,0.2);margin-top:8px; }
.sms_pattern_row > div:nth-child(2) > i { display:inline-block;width:4px;height:4px;border-radius:100%;
background-color:rgba(0,0,0,0.2);margin:0px 6px; }
.sms_pattern_row.active > .tbl > div:nth-child(3) i { transform:rotate(180deg);-webkit-transform:rotate(180deg);
opacity:1;-moz-transform:rotate(180deg); }

.sms_pattern_row > .tbl > div:nth-child(1) > div:nth-child(1) span { font-family:regular,tahoma;font-size:9pt;
margin-right:5px;display:inline-block;vertical-align:middle;padding:1px 7px;border-radius:20px; }
.sms_pattern_row > .tbl > div:nth-child(1) > div:nth-child(1) span.active { background-color:#2d891f;color:#fff; }
.sms_pattern_row > .tbl > div:nth-child(1) > div:nth-child(1) span.not_active { background-color:#eee;color:#888; }

.message_box { width:50%;float:right;text-align:center; }
.message_box > div { margin:5px;background-color:#f3f3f3;border-radius:15px;padding:15px 10px; }
.message_box > div > div:nth-child(1) { width:45px;height:45px;margin:0px auto; }
.message_box > div > div:nth-child(1) img { width:45px; }
.message_box > div > div:nth-child(2) { margin-top:6px;font-family:semi,tahoma;font-size:12pt; }
.message_box > div > div:nth-child(3) { margin-top:0px;font-size:9pt;line-height:20px;height:20px;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;opacity:0.7; }

.message_box:nth-child(1) > div { background-color:#f54444;color:#fff; }
.message_box:nth-child(2) > div { background-color:#f0952c;color:#fff; }
.message_box:nth-child(3) > div { background-color:#5958ef;color:#fff; }
.message_box:nth-child(4) > div { background-color:#1dba76;color:#fff; }

.campaign_box { border-radius:15px;background-color:#fff;box-shadow:0px 3px 5px rgba(0,0,0,0.03);
margin-top:10px;padding:15px; }
.campaign_box > div:nth-child(1) {  }
.campaign_box > div:nth-child(1) img { width:100%;border-radius:10px; }
.camp_footer { text-align:center;margin-top:13px;font-size:9pt;color:#aaa; }
.campaign_box > div:nth-child(2) { margin-top:10px; }
.camp_name { line-height:25px;font-size:14pt;font-family:bold,tahoma; }
.camp_desc { line-height:23px;margin-top:5px; }
.camp_active { margin-top:10px;padding:10px 0px;text-align:center;border-radius:10px;
font-family:semi,tahoma;cursor:pointer;background-color:#2d9759;color:#fff;font-size:11pt; }
.camp_deactive { margin-top:10px;width:100%; }
.camp_deactive > div { padding:10px 0px;text-align:center;font-size:11pt;font-family:semi,tahoma;
cursor:pointer;border-radius:10px; }
.camp_deactive > div:nth-child(1) { background-color:#f54444;color:#fff; }
.camp_deactive > div:nth-child(2) { width:10px; }
.camp_deactive > div:nth-child(3) { background-color:#f1f1f1; }

.order_price_shower { color:#f54444;font-family:bold,tahoma;margin:20px 0px;text-align:center;font-size:11pt; }

#gateway_box_container { width:100%;margin-bottom:10px;table-layout:fixed; }
#gateway_box_container > div { width:50%;text-align:center; }
#gateway_box_container > div:nth-child(1) { padding-left:4px; }
#gateway_box_container > div:nth-child(2) { padding-right:4px; }
.gateway_box { padding:15px 10px;color:#fff;border-radius:10px; }
.gateway_box > div:nth-child(1) { font-family:bold,tahoma;font-size:16pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.gateway_box > div:nth-child(1):after { font-size:9pt;font-family:bold,tahoma;margin-right:3px;content:"تومان"; }
.gateway_box > div:nth-child(2) { opacity:0.7;line-height:20px; }
#gateway_box_container > div:nth-child(1) .gateway_box { background-color:#1dba76; }
#gateway_box_container > div:nth-child(2) .gateway_box { background-color:#f54444; }


.pay_row { background-color:#fff;padding:10px 10px 10px 15px;margin-top:6px;border-radius:10px;
box-shadow:0px 3px 5px rgba(0,0,0,0.03); }
.pay_row > .tbl { width:100%;table-layout:fixed; }
.pay_row > .tbl > div:nth-child(1) { line-height:23px; }
.pay_row > .tbl > div:nth-child(1) > * {  }
.pay_row > .tbl > div:nth-child(1) > div:nth-child(1) { font-size:12pt;font-family:semi,tahoma; }
.pay_row > .tbl > div:nth-child(1) > div:nth-child(2) { font-size:9pt;font-family:semi,tahoma;color:rgba(0,0,0,0.5); }
.pay_row > .tbl > div:nth-child(2) { text-align:left;padding-left:3px;width:20px; }
.pay_row > .tbl > div:nth-child(2) i { display:inline-block;vertical-align:middle;width:12px;height:12px;
background-size:100%;background-image:url('../image/bottom_arrow.png?v4');opacity:0.3;transition:100ms;-webkit-transition:100ms;
-moz-transition:100ms; }
.pay_row > div:nth-child(2) { display:none;padding:8px 0px 0px;border-top:1px dashed rgba(0,0,0,0.2);margin-top:8px; }
.pay_row > div:nth-child(2) > i { display:inline-block;width:4px;height:4px;border-radius:100%;
background-color:rgba(0,0,0,0.2);margin:0px 6px; }
.pay_row.active {  }
.pay_row.active > .tbl > div:nth-child(2) i { transform:rotate(180deg);-webkit-transform:rotate(180deg);
opacity:1;-moz-transform:rotate(180deg); }

.win_balance { padding:10px 0px;text-align:center;font-family:semi,tahoma;font-size:11pt;margin:30px 0px 10px;
background-image:linear-gradient(to left,rgba(255,255,255,0.5),rgba(0,0,0,0.05),rgba(255,255,255,0.5));
background-image:-webkit-linear-gradient(to left,rgba(255,255,255,0.5),rgba(0,0,0,0.05),rgba(255,255,255,0.5));
background-image:-moz-linear-gradient(to left,rgba(255,255,255,0.5),rgba(0,0,0,0.05),rgba(255,255,255,0.5)); }
.win_balance > span { font-family:bold,tahoma; }
.win_balance > span:after { content:"تومان";margin-right:3px; }
#gateway_withdraw { margin:10px 0px 0px; }
#withdraw_info { margin:20px 0px 10px;font-size:10pt; }
#withdraw_info > div { margin-bottom:7px; }
#withdraw_info > div > span { display:inline-block;vertical-align:middle; }
#withdraw_info > div > span:nth-child(1) { width:100px;border-radius:10px;text-align:center;padding:7px 0px;
background-color:#eee; }
#withdraw_info > div > span:nth-child(2) { padding-right:10px; }
#withdraw_info > div > span:nth-child(2):after { content:"تومان";margin-right:3px; }

#qrcode_image { width:100%;border-radius:10px;overflow:hidden; }
#qrcode_image img { width:100%; }
#qrcode_link { margin-top:-10px; }

@media only screen and (max-width:400px) {
    
}
@media only screen and (max-width:350px) {
    
}
@media only screen and (max-height:400px) {
    #login_mobile_container { position:relative; }
    #login_mobile_container > div { display:block;padding-top:30px; }
}