@keyframes loading_anim { 
    100% { transform:rotate(360deg);-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);-ms-transform:rotate(360deg); }
}
@keyframes order_anim { 50% { transform:scale(2,2);-webkit-transform:scale(2,2);-moz-transform:scale(2,2); }}
@keyframes turn_anim { 100% { transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); }}

@font-face { font-family:light;font-style:normal;src:url('../Font/Blinker-Light.ttf'); }
@font-face { font-family:regular;font-style:normal;src:url('../Font/Blinker-Regular.ttf'); }
@font-face { font-family:sbold;font-style:normal;src:url('../Font/Blinker-SemiBold.ttf'); }
@font-face { font-family:bold;font-style:normal;src:url('../Font/Blinker-ExtraBold.ttf'); }
@font-face { font-family:black;font-style:normal;src:url('../Font/Blinker-Black.ttf'); }

body { margin:0;padding:0;font-family:regular,tahoma;color:#000;background-color:#fff;line-height:30px;
font-size:11pt; }
a { text-decoration:none;color:#111; }
table { border-spacing:0; }
input,select,textarea { font-family:regular,tahoma;outline-style:none;border-style:none; }
.clr { display:block;clear:both; }
img { border-style:none;vertical-align:middle; }
.ltr { direction:ltr; }
.tbl { display:table; }
.tbl > div { display:table-cell;vertical-align:middle; }

#loading { position:fixed;left:0;top:0;z-index:+2000;width:100%;height:100%;background-color:rgba(255,255,255,0.9);
text-align:center;display:none; }
#loading i { display:inline-block;vertical-align:middle;width:80px;height:80px;background-size:100%;margin-top:10px;
background-image:url('../Temp/loading.svg'); }

.data_loading { text-align:center;padding:30px 0px; }
.data_loading:after{ display:inline-block;vertical-align:middle;width:50px;height:50px;background-size:100%;margin-top:10px;
background-image:url('../Temp/loading.svg');animation:loading_anim 500ms infinite;-moz-animation:loading_anim 500ms infinite;
-webkit-animation:loading_anim 500ms infinite;content:""; }

#message_bar { position:fixed;left:0px;bottom:140px;width:100%;height:1px;text-align:center;display:none;z-index:+2001; }
#message_bar > div { display:inline-block;vertical-align:middle;max-width:400px;margin:0px auto;padding:15px;
box-sizing:border-box;background-color:#fff;color:#000;box-shadow:0px 1px 30px rgba(0,0,0,0.2);
border-radius:10px;position:relative; }
#message_bar > div .tbl {  }
#message_bar > div .tbl > div:nth-child(1) { width:30px;padding-left:0px; }
#message_bar > div i { display:inline-block;vertical-align:middle;margin-right:10px;width:30px;height:30px;background-size:100%; }
.true_message i { background-image:url('../Temp/true.png'); }
.false_message i { background-image:url('../Temp/false.png'); }

.err_message { margin:50px auto;text-align:center; }
.err_message > div:nth-child(1) i { display:inline-block;width:150px;height:150px;background-size:100%; }
.err_message > div:nth-child(2) { font-family:sbold,tahoma;font-size:18pt; }
.err_message > div:nth-child(3) { font-family:regular,tahoma;font-size:11pt; }
.err_message > div:nth-child(4) { margin-top:20px; }
.err_message > div:nth-child(4) > span { cursor:pointer;padding:10px 20px;border-radius:20px;
box-shadow:0px 1px 10px rgba(0,0,0,0.1);background-color:#fff; }
.err_connection { background-image:url('../Temp/error_connection.png'); }
.err_found { background-image:url('../Temp/error_found.png'); }
.err_profile { background-image:url('../Temp/profile_error.png'); }
.err_profile_block { background-image:url('../Temp/profile_block.png'); }

.app_body { background-image:url('../Temp/back.jpg');background-size:cover;background-position:center;background-attachment:fixed; }

.section { display:none; }
#init { display:block; }
#init_logo { position:fixed;left:0;top:48%;width:100%;text-align:center; }
#init_logo img { width:70%;max-width:130px; }
#init_version { position:fixed;left:0;bottom:15px;width:100%;text-align:center;
font-family:sbold,tahoma;text-align:center; }

#account { position:relative;padding:220px 0px 20px;width:80%;max-width:340px;margin:0px auto;box-sizing:border-box; }
#account_header { position:absolute;left:0;top:50px;width:100%;text-align:center;font-family:light,tahoma;
font-size:40pt;opacity:0.2; }
#account_footer { position:fixed;left:0;bottom:20px;width:100%;text-align:center;font-size:12pt; }
#account_footer a { font-family:sbold,tahoma;margin-left:5px; }

.account_form { margin-bottom:15px;position:relative; }
.account_form input { width:100%;height:50px;border-radius:30px;background-color:#fff;
font-size:11pt;padding:0px 50px 0px 15px;box-sizing:border-box; }
.account_form img { position:absolute;right:15px;top:15px;width:20px;height:20px; }
.account_forget { margin-bottom:15px;text-align:right;font-family:sbold,tahoma;font-size:10pt; }
.account_button { padding:12px 0px;text-align:center;background-color:#496cdc;color:#fff;
cursor:pointer;font-size:13pt;border-radius:40px;font-family:sbold,tahoma; }
.account_button:hover { opacity:0.8; }

#header { width:100%;padding:15px 20px;box-sizing:border-box;display:none;position:relative;z-index:+1; }
#header > div:nth-child(1) img { width:110px; }
#header > div:nth-child(2) { text-align:right; }
#header > div:nth-child(2) #header_menu { display:inline-block;vertical-align:middle;width:50px;height:50px;
background-size:50%;background-image:url('../Temp/menu.png');background-repeat:no-repeat;
background-position:center;cursor:pointer; }

#toolbar { position:fixed;left:0;bottom:0;width:100%;background-color:#fff;z-index:+10;
box-shadow:0px -2px 10px rgba(0,0,0,0.1);height:50px;padding-top:5px; }
#toolbar > div { width:20%;text-align:center;opacity:0.5; }
#toolbar > div.selected { opacity:1; }
#toolbar > div img { height:25px; }
#toolbar > div > div { font-size:10pt;margin-top:0px;line-height:20px;height:20px; }

#menu_back { position:fixed;left:0;top:0;width:100%;height:100%;
background-color:rgba(0,0,0,0.7);z-index:+10;display:none; }
#menu { padding:15px 20px;display:table;width:100%;box-sizing:border-box;position:relative;z-index:+1; }
#menu > div { display:table-cell;vertical-align:middle; }
#menu_header > img { width:110px; }
#menu > div:nth-child(2) { text-align:left;font-size:12pt; }
.menu_item { display:inline-block;vertical-align:middle;padding:5px 15px;border-radius:20px;cursor:pointer; }
.menu_item:hover { background-color:#fff;box-shadow:0px 1px 10px rgba(0,0,0,0.1); }
#menu > div:nth-child(3) { text-align:right; }
.menu_user { display:inline-block;vertical-align:middle;margin-right:15px;font-size:12pt;cursor:pointer; }
.menu_user i { display:inline-block;vertical-align:middle;width:20px;height:20px;background-size:100%;
background-image:url('../Temp/login_name.png');margin-right:10px; }
#menu_button { display:inline-block;vertical-align:middle;padding:10px 20px;border-radius:30px;font-size:12pt;
background-color:#496cdc;color:#fff;cursor:pointer; }

#home_code { margin:40px auto 20px;text-align:center; }
#home_code > div:nth-child(1) { font-size:35pt;font-family:bold,tahoma; }
#home_code > div:nth-child(2) { margin-top:10px;color:#aaa;font-family:sbold,tahoma; }

.container { width:95%;max-width:600px;margin:0px auto;padding:20px 0px; }
#home_cash { text-align:center;margin-top:20px;margin-bottom:30px; }
#home_cash > div { display:inline-block;vertical-align:middle; }
#home_cash > div:nth-child(2) { font-size:20pt;margin-left:15px;font-family:sbold,tahoma;opacity:0.3; }
#home_cash > div:nth-child(1) { font-size:40pt;font-family:bold,tahoma; }

#home_user_cash { text-align:center;margin-top:20px;margin-bottom:30px; }
#home_user_cash > div { display:inline-block;vertical-align:middle; }
#home_user_cash > div:nth-child(2) { font-size:40pt;margin-left:15px;font-family:sbold,tahoma; }
#home_user_cash > div:nth-child(3) { font-size:20pt;font-family:bold,tahoma;opacity:0.3; }
#home_user_cash > div:nth-child(1) { font-size:12pt;font-family:sbold,tahoma;display:block;margin-bottom:10px; }

#home_cash_chart { width:80%;max-width:300px;margin:5px auto 30px;padding:5px;box-sizing:border-box;
border-radius:20px;background-color:#fff;height:15px; }
#home_cash_chart > div { float:left;background-color:#496cdc;border-radius:10px;height:5px; }

.home_offer { width:33.33%;float:left; }
.home_offer:nth-child(4) { display:none; }
.home_offer > div { padding:15px;text-align:center;line-height:30px;cursor:pointer;border-radius:22px; }
.home_offer > div:hover { background-color:#f1f1f1; }
.home_offer > div > div:nth-child(1) { width:100%;height:150px;border-radius:20px;overflow:hidden; }
.home_offer > div > div:nth-child(1) img { width:100%;height:100%;object-position:center;object-fit:cover; }
.home_offer > div > div:nth-child(2) { font-size:15pt;font-family:sbold,tahoma;height:30px;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;margin-top:5px; }
.home_offer > div > div:nth-child(3) { height:20px;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;line-height:20px; }

.window { padding:20px 25px;border-radius:25px;background-color:#fff;margin:15px 5px; }
.window > .window_header { text-align:left;font-size:15pt;margin-bottom:30px; }
.window > .window_header > div { font-size:10pt;margin-top:5px;font-family:light,tahoma; }
.window > .window_footer { text-align:right;font-size:11pt;margin-top:0px; }
.window > .window_footer > .footer_item { font-family:sbold,tahoma;display:inline-block;
vertical-align:middle;cursor:pointer; }
.window > .window_footer > .footer_split { display:inline-block;vertical-align:middle;width:1px;height:10px;
margin:0px 15px;background-color:#aaa; }
.window_tabs { margin-top:-30px;margin-bottom:40px;font-size:12pt; }
.window_tabs > div { display:inline-block;vertical-align:middle;padding:5px 10px;cursor:pointer; }
.window_tabs > div.selected { border-bottom:4px solid #496cdc; }

.window > .window_header_cols { width:100%;margin-bottom:30px; }
.window > .window_header_cols > div:nth-child(1) { text-align:left;font-size:15pt;font-family:light,tahoma; }
.window > .window_header_cols > div:nth-child(2) { text-align:right; }
.window > .window_header_cols > div:nth-child(2) select { margin-left:10px;border:1px solid #aaa;
border-radius:15px;padding:5px 10px;text-align:center; }

.home_box { width:25%;float:left; }
.home_box > * { margin:5px;border-radius:25px;text-align:center;padding:20px 10px;cursor:pointer; }
.home_box:nth-child(1) > * { background-color:#dcaa49; }
.home_box:nth-child(2) > * { background-color:#42bd3c; }
.home_box:nth-child(3) > * { background-color:#c44258; }
.home_box:nth-child(4) > * { background-color:#9c55c8; }
.home_box > * img { width:50px;opacity:0.3;filter:brightness(1) invert(1); }
.home_box > * div { font-size:14pt;font-family:sbold,tahoma;color:#fff;height:30px;line-height:30px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0px; }

.home_box2 { width:33.33%;float:left; }
.home_box2 > * { margin:5px;border-radius:25px;text-align:center;padding:20px 10px;cursor:pointer; }
.home_box2:nth-child(1) > * { background-color:#dcaa49; }
.home_box2:nth-child(2) > * { background-color:#42bd3c; }
.home_box2:nth-child(3) > * { background-color:#c44258; }
.home_box2:nth-child(4) > * { background-color:#9c55c8; }
.home_box2 > * img { width:50px;opacity:0.3;filter:brightness(1) invert(1); }
.home_box2 > * div { font-size:14pt;font-family:sbold,tahoma;color:#fff;height:30px;line-height:30px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0px; }

.home_box3 { display:block;background-color:#496cdc;color:#fff;cursor:pointer;border-radius:25px;
text-align:center;font-size:14pt;padding:12px 0px;margin-top:10px; }

.top_stats { width:100%;text-align:center;margin-bottom:10px;padding:15px 0px;border-radius:15px; }
.top_stats > div > div:nth-child(1) { font-size:25pt;font-family:sbold,tahoma; }
.top_stats > div > div:nth-child(1) span { font-size:15pt;font-family:sbold,tahoma;margin-right:5px;opacity:0.3; }
.top_stats > div > div:nth-child(2) { font-size:9pt; }

.app_table_container { overflow-x:auto; }
.app_table { width:100%;line-height:20px; }
.app_table th { background-color:#f1f1f1;padding:10px 10px;white-space:nowrap; }
.app_table td { padding:8px 8px;text-align:center;border-bottom:1px dashed #ddd;white-space:nowrap; }
.app_table tr:last-child td { border-style:none; }
.app_table input { width:100%;border-bottom:2px solid #ddd;text-align:center;
box-sizing:border-box;outline-style:none;padding:3px 10px;font-size:11pt; }
.app_table input:focus { border-color:#000; }
.app_table input[type=number] { max-width:60px; }

.app_form { width:90%;max-width:300px;margin:0px auto 20px; }
.app_form label { display:block;padding-left:10px;margin-bottom:3px; }
.app_form input[type=text] { width:100%;border:1px solid #ddd;height:45px;padding:0px 15px;box-sizing:border-box;
font-size:12pt;border-radius:30px;text-align:center; }
.app_form input[type=password] { width:100%;border:1px solid #ddd;height:45px;padding:0px 15px;box-sizing:border-box;
font-size:12pt;border-radius:30px;text-align:center; }
.app_form input[type=number] { width:100%;border:1px solid #ddd;height:45px;padding:0px 15px;box-sizing:border-box;
font-size:12pt;border-radius:30px;text-align:center; }
.app_form select { width:100%;border:1px solid #ddd;height:45px;padding:0px 15px;box-sizing:border-box;
font-size:12pt;border-radius:30px;text-align:center; }
.app_form textarea { width:100%;border:1px solid #ddd;height:125px;padding:10px 15px;box-sizing:border-box;
font-size:12pt;border-radius:30px;text-align:left; }
.app_button { width:90%;max-width:300px;margin:20px auto 20px;background-color:#496cdc;color:#fff;
border-radius:40px;text-align:center;padding:10px 0px;font-size:12pt;cursor:pointer; }
.app_button2 { width:90%;max-width:300px;margin:30px auto 20px;text-align:center;font-size:12pt;cursor:pointer; }

.contact_row { width:100%;margin:15px 0px;line-height:25px; }
.contact_row > div:nth-child(1) { width:20px;padding-right:10px;border-right:2px solid #eee; }
.contact_row > div:nth-child(1) img { width:100%; }
.contact_row > div:nth-child(2) { padding-left:10px; }
.contact_row > div:nth-child(2) a { margin-left:10px;padding:1px 10px;
border-radius:20px;background-color:#f1f1f1;color:#000;display:inline-block;vertical-align:middle; }

#social_share { margin-top:30px;margin-bottom:15px;text-align:center; }
#social_share > a { margin-right:5px; }
#social_share img { height:40px; }

#map_holder { position:fixed;left:0;top:0;width:100%;height:100%;z-index:0; }
#section_map .leaflet-top .leaflet-control { margin-top:80px !important;margin-left:20px !important; }
.leaflet-popup-content { margin:12px !important; }
.leaflet-popup-close-button { display:none !important; }
.leaflet-popup { bottom:7px !important; }

#map_my_location { position:fixed;right:20px;bottom:140px;width:45px;height:45px;border-radius:10px;
box-shadow:0px 1px 10px rgba(0,0,0,0.2);background-color:#fff;cursor:pointer;background-size:50%;
background-position:center;background-repeat:no-repeat;background-image:url('../Temp/get_location.png'); }

.pointer_popup { width:240px;line-height:20px; }
.pointer_popup > div:nth-child(1) img { width:100%;border-radius:8px; }
.pointer_popup > div:nth-child(2) { margin-top:10px; }
.pointer_popup > div:nth-child(2) > div:nth-child(1) { font-size:15pt;font-family:sbold,tahoma; }
.pointer_popup > div:nth-child(2) > div:nth-child(2) { margin-top:5px; }
.pointer_popup > div:nth-child(2) > div:nth-child(3) { margin-top:10px; }
.pointer_popup > div:nth-child(2) > div:nth-child(3) > * { display:block;border-radius:20px;text-align:center;
color:#fff;cursor:pointer;background-color:#496cdc;padding:8px 0px;font-size:12pt; }

#map_filter { position:fixed;left:0;bottom:55px;width:100%;height:65px;background-color:#fff;overflow-x:auto;overflow-y:hidden;
line-height:35px;padding:15px 15px;z-index:+1;font-size:12pt;white-space:nowrap;box-sizing:border-box; }
#map_filter > * { display:inline-block;vertical-align:middle;margin-right:5px;padding:0px 10px;
cursor:pointer;border-radius:20px; }
#map_filter > *.selected { border:2px solid #222;padding:0px 20px; }

.popup_back { position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);
z-index:+20;display:none; }
.popup { position:fixed;left:0;top:10%;width:100%;z-index:+21;height:0px;display:none; }
.popup > div { width:90%;max-width:450px;margin:0px auto;padding:20px;box-sizing:border-box;
background-color:#fff;border-radius:5px;overflow-y:auto; }

#business_image { margin-bottom:10px;white-space:nowrap;overflow-x:auto; }
#business_image img { width:100%;max-width:300px;border-radius:15px;margin-right:10px; }
#business_name { font-size:15pt;font-family:sbold,tahoma; }
#business_description { font-size:10pt; }
.business_title { margin-top:20px;margin-bottom:5px;font-family:sbold,tahoma;font-size:12pt; }

#get_location { position:relative;height:200px;border-radius:10px;overflow:hidden; }
#get_location:after { position:absolute;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;display:inline-block;
background-size:100%;background-image:url('../Temp/location.png'); z-index:+1001;content:""; }

#qlist_container { width:100%;overflow-x:auto; }
#qlist_container table { width:100%;min-width:500px; }

#customer_container { width:100%;overflow-x:auto; }
#customer_container table { width:100%;min-width:500px; }

.charge_row { width:100%;line-height:25px;padding:15px 0px;border-bottom:2px dashed #ddd; }
.charge_row:last-child { border-style:none; }
.charge_row > div:nth-child(1) { width:25px;padding-right:15px; }
.charge_row > div:nth-child(1) input { width:25px;height:25px; }
.charge_row > div:nth-child(2) > div:nth-child(1) { font-family:sbold,tahoma;font-size:14pt; }
.charge_row > div:nth-child(2) > div:nth-child(2) { font-size:11pt; }
.charge_row > div:nth-child(2) > div:nth-child(2) span { margin-right:20px; }

#payment_form { margin:50px auto;width:100%;max-width:400px;text-align:center; }
#payment_form > div:nth-child(1) img { width:50%; }
#payment_form > div:nth-child(2) { text-align:left; }
#payment_form > div:nth-child(3) { text-align:left; }

#guide_container { margin:50px 0px 20px; }
.guide_box { margin-bottom:15px; }
.guide_box > div:nth-child(1) { padding:10px 20px;font-size:12pt;font-family:sbold,tahoma;cursor:pointer;
border-radius:10px;background-color:#f1f1f1; }
.guide_box > div:nth-child(2) { padding:10px 15px;display:none; }

.header_back { display:inline-block;vertical-align:middle;margin-right:20px;cursor:pointer;background-size:100%;
width:25px;height:25px;background-image:url('../Temp/back.png'); }

.explore_item { width:100%;margin-top:20px;cursor:pointer; }
.explore_item > div { vertical-align:top; }
.explore_item > div:nth-child(1) { width:150px;padding-right:15px; }
.explore_item > div:nth-child(1) > div { width:150px;height:130px;border-radius:15px;overflow:hidden; }
.explore_item > div:nth-child(1) > div img { width:100%;height:100%;object-fit:cover;object-position:center; }
.explore_item > div:nth-child(2) > div:nth-child(1) { font-family:sbold,tahoma;font-size:15pt; }
.explore_item > div:nth-child(2) > div:nth-child(2) { font-size:11pt;color:#aaa; }

.menu_action_container { }
.menu_action_container > * { display:inline-block;vertical-align:middle;margin:0px 2px;padding:6px 10px;
background-color:#fff;font-family:sbold,tahoma;cursor:pointer;border-radius:10px;  }
.menu_action_container > *:hover { background-color:#f1f1f1; }

#home_menu { width:100%;direction:rtl; }
#home_menu > div:nth-child(1) { width:200px; }
#home_menu > div:nth-child(1) img { width:100%; }
#home_menu > div:nth-child(2) { direction:ltr; }
#home_menu > div:nth-child(2) > div:nth-child(1) { font-family:sbold,tahoma;font-size:20pt; }
#home_menu > div:nth-child(2) > div:nth-child(2) { margin-bottom:10px; }
#home_menu > div:nth-child(2) > span { display:inline-block;vertical-align:middle;border-radius:25px;padding:6px 20px;
background-color:#496cdc;color:#fff;cursor:pointer; }

@media only screen and (max-height:700px) {
    #account_footer { position:relative;margin-top:50px; }
}
@media only screen and (max-width:1300px) {
    
}
@media only screen and (max-width:1200px) {
    
}
@media only screen and (max-width:1100px) {
    
}
@media only screen and (max-width:1000px) {
    
}
@media only screen and (max-width:900px) {
    .menu_item { padding:5px 10px; }
    #menu_button { padding:10px 20px; }
}
@media only screen and (max-width:800px) {
    #header { display:table; }
    #menu { position:fixed;right:-250px;top:0px;width:240px;height:100%;background-color:#fff;
    display:block;box-sizing:border-box;z-index:+11;box-shadow:0px 1px 20px rgba(0,0,0,0.1); }
    #menu > div { display:block;text-align:center; }
    #menu_header { margin-bottom:50px;margin-top:20px; }
    .menu_item { display:block;text-align:left;border-radius:5px; }
    .menu_item:hover { background-color:#f1f1f1;box-shadow:none; }
    #menu > div:nth-child(3) { position:absolute;left:0;bottom:20px;width:100%;padding:0px 20px;box-sizing:border-box; }
    #menu_button { text-align:center;display:block; }
    #home_cash { margin-top:0px; }
}
@media only screen and (max-width:700px) {
    
}
@media only screen and (max-width:600px) {
    .home_box { width:50%; }
    .home_offer { width:50%; }
    .home_offer > div { padding:10px; }
    .home_offer > div > div:nth-child(1) { height:120px; }
    .home_offer:nth-child(4) { display:none; }
    #home_menu > div { display:block;text-align:center; }
    #home_menu > div:nth-child(1) { width:100%;max-width:200px;margin:0px auto 20px; }
}
@media only screen and (max-width:500px) {
    .container { padding:5px 0px; }
    #home_user_cash { margin-top:0;margin-bottom:20px; }
    #home_cash_chart { margin-bottom:20px; }
    .window > .window_header { margin-bottom:15px; }
    .window_tabs { margin-top:-15px; }
    .window { padding:15px 20px; }
    #home_code { margin:25px auto 5px; }
    #home_code > div:nth-child(2) { margin-top:5px; }
    #home_cash_chart { max-width:200px;height:14px;padding:3px; }
    #home_cash_chart > div { height:8px; }
}
@media only screen and (max-width:400px) {
    .finance_stats_responsive > div { display:block;text-align:left;margin:5px 0px; }
    .finance_stats_responsive > div > div { display:inline-block;vertical-align:middle; }
    .finance_stats_responsive > div > div:nth-child(1) { margin-right:15px;font-size:20pt; }
}