#user_container { width:100%;max-width:1200px;margin:0px auto;box-sizing:border-box;padding:140px 15px 70px; }

#dashboard_column { width:100%;table-layout:fixed; }
#dashboard_column > div { vertical-align:top;position:relative; }
#dashboard_column > div:nth-child(1) { width:290px;padding-left:10px; }

#dashboard_user { padding:40px 25px 25px;border-radius:10px;background-color:#fff;text-align:center; }
#dashboard_user > div:nth-child(1) { width:100px;height:100px;border-radius:100%;padding:3px;
background-image:linear-gradient(to bottom,#fff,#a2dddd);-webkit-background-image:linear-gradient(to bottom,#fff,#a2dddd);
-moz-background-image:linear-gradient(to bottom,#fff,#a2dddd);margin:0px auto 20px; }
#dashboard_user > div:nth-child(1) > div { width:90px;height:90px;border-radius:100%;background-color:#fff;
border:5px solid #fff;overflow:hidden; }
#dashboard_user > div:nth-child(1) > div img { display:block;width:100%;height:100%;object-position:center;object-fit:cover; }
#dashboard_user > div:nth-child(2) { font-size:16pt;font-weight:800; }
#dashboard_user > div:nth-child(3) { font-size:9pt;margin-top:10px; }
#dashboard_user > div:nth-child(3) span:before { content:"";display:inline-block;vertical-align:middle;width:15px;
height:15px;background-size:100%;background-image:url('../image/heart.png');margin-left:6px; }
#dashboard_user > div:nth-child(4) { margin-top:40px;width:100%;font-weight:600;line-height:20px; }
#dashboard_user > div:nth-child(4) > div:nth-child(1) a { display:block;padding:8px 0px;border-radius:10px;
border:2px solid #eee;transition:200ms;-webkit-transition:200ms;moz-transition:200ms; }
#dashboard_user > div:nth-child(4) > div:nth-child(1) a:hover { background-color:#eee; }
#dashboard_user > div:nth-child(4) > div:nth-child(2) { padding-right:8px; }
#dashboard_user > div:nth-child(4) > div:nth-child(2) span { display:block;padding:8px;cursor:pointer;color:#ed565a;
border-radius:10px;border:2px solid #fff;transition:200ms;-webkit-transition:200ms;moz-transition:200ms; }
#dashboard_user > div:nth-child(4) > div:nth-child(2) span:hover { border-color:#ed565a; }
#dashboard_user > div:nth-child(4) > div:nth-child(2) span:before { content:"";display:inline-block;vertical-align:middle;
width:15px;height:15px;background-size:100%;background-image:url('../image/logout.png');margin-left:6px; }

#dashboard_button { margin-top:15px;width:100%;box-sizing:border-box; }
#dash_button { display:block;width:100%;height:50px;line-height:50px;text-align:center;border-radius:10px; }
#dash_button i { display:inline-block;vertical-align:middle;width:20px;height:20px;margin-left:6px;
content:"";background-size:100%;background-image:url('../image/add.png');filter:brightness(1) invert(1);
-webkit-filter:brightness(1) invert(1);-moz-filter:brightness(1) invert(1); }

#dashboard_box_container { width:100%;margin-bottom:15px; }
#dashboard_box_container > div { width:33.33%;padding:0px 5px;box-sizing:border-box; }
.dashbox { padding:25px;width:100%;box-sizing:border-box;background-color:#fff;border-radius:10px;direction:ltr;table-layout:fixed; }
.dashbox > div:nth-child(1) { width:65px;padding-right:15px; }
.dashbox > div:nth-child(1) img { width:100%; }
.dashbox > div:nth-child(2) { direction:rtl; }
.dashbox > div:nth-child(2) > div { height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.dashbox > div:nth-child(2) > div:nth-child(1) { font-size:25pt;font-weight:800;letter-spacing:-0.8pt; }
.dashbox > div:nth-child(2) > div:nth-child(1) span { display:inline-block;vertical-align:middle;letter-spacing:-0.3pt;
font-size:13pt;font-weight:600;margin-right:0px; }
.dashbox > div:nth-child(2) > div:nth-child(2) { font-size:9pt;margin-top:-5px;color:#666; }

.panel_tab_window { border-radius:10px;background-color:#fff;margin:0px 5px; }
.panel_tab_window > div:nth-child(1) { text-align:right;border-bottom:2px solid #eee;font-weight:600; }
.panel_tab_window > div:nth-child(1) > * { display:inline-block;vertical-align:middle;padding:15px 20px;
cursor:pointer;position:relative; }
.panel_tab_window > div:nth-child(1) > *.selected:before { content:"";display:block;width:100%;height:2px;border-radius:4px;
position:absolute;left:0;bottom:-2px;background-color:#57c5c6; }
.panel_tab_window > div:nth-child(2) { padding:20px 20px 0px; }
.panel_tab_window > div:nth-child(2) > div { display:none; }
.panel_tab_window > div:nth-child(2) > div.selected { display:block; }

.dashboard_slider .swiper-slide { padding-bottom:50px; }
.dashboard_slider .swiper-pagination-bullet-active { background-color:#57c5c6; }
.dashboard_slider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin:0px 3px; }
.dashboard_slider .swiper-pagination-bullet { width:6px;height:6px; }
.dashboard_slider .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction { top:auto;bottom:0px; }

.dash_slide { display:block;background-color:#f5f5f5;border-radius:10px;overflow:hidden; }
.dash_slide > div:nth-child(1) { height:150px;overflow:hidden; }
.dash_slide > div:nth-child(1) img { display:block;height:100%;height:100%;object-position:center;object-fit:cover; }
.dash_slide > div:nth-child(2) { margin:10px;height:40px;line-height:20px;overflow:hidden;font-weight:600; }

.dashboard_slider_link { text-align:left;font-size:10pt; }
.dashboard_slider_link a { display:inline-block;vertical-align:middle;margin-top:-40px;font-weight:600;
position:relative;z-index:+1;opacity:0.3; }
.dashboard_slider_link a:hover { opacity:1; }
.dashboard_slider_link a:after { display:inline-block;vertical-align:middle;width:15px;height:15px;background-size:100%;
margin-right:10px;background-image:url('../image/forward.png');content:""; }

#detail_header { margin-bottom:20px; }
.panel_window { border-radius:10px;background-color:#fff; }
.panel_title { padding:25px;box-sizing:border-box;width:100%;table-layout:auto; }
.panel_title > div { vertical-align:top; }
.panel_title > div:nth-child(1) { font-size:16pt;font-weight:600;letter-spacing:-0.6pt;padding-left:20px; }
.panel_title > div:nth-child(1) span { display:block;font-size:10pt;font-weight:400;letter-spacing:-0.2pt;
color:#888;margin-top:10px;line-height:25px; }
.panel_title > div:nth-child(2) { text-align:left; }
.panel_title > div:nth-child(2) .link1_eff { display:inline-block;vertical-align:middle;height:40px;
padding:0px 15px;font-weight:600;line-height:40px;border-radius:10px;white-space:nowrap;font-size:11pt; }
.panel_title > div:nth-child(2) .link1_eff img { height:20px;margin-left:6px; }

.panel_window_body { padding:0px 15px; }

.panel_window_ads_container { padding:0px 15px 15px; }
.panel_window_ads_container .ad_block { position:relative; }
.panel_window_ads_container .ad_block > div:nth-child(1) { border:2px solid #eee;margin:10px;border-radius:15px;padding-bottom:65px; }
.ad_footer_button { text-align:center;font-weight:600;font-size:10pt;position:relative;
position:absolute;left:23px;right:23px;bottom:23px; }
.panel_window_ads_container .ad_block > div:nth-child(2) { padding:0;background:none; }
.panel_window_ads_container .ad_block > div:nth-child(2) .tbl { padding:0;margin-bottom:0; }
.panel_window_ads_container .ad_block > * > .tbl:nth-child(1) > div:nth-child(2) { padding-top:0; }
.ad_footer_button > .tbl { width:100%; }
.ad_footer_button > .tbl > div > * { border:2px solid #f3f3f3;cursor:pointer;padding:0px 10px;height:33px;line-height:33px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;border-radius:8px; }
.ad_footer_button > .tbl > div:nth-child(1) { padding-left:5px; }
.panel_window_ads_container .ad_block > * > .tbl:nth-child(1) > div:nth-child(1) { padding-left:10px;width:auto; }
.ad_footer_button > .tbl > div:nth-child(1) > * { border-color:#57c5c6;color:#000; }
.ad_footer_button > .tbl > div:nth-child(1) > *:hover { background-color:#57c5c6;border-color:#57c5c6;color:#fff; }
.ad_footer_button > .tbl > div:nth-child(2) > * { border-color:#f2cdcd }
.ad_footer_button > .tbl > div:nth-child(2) > *:hover { color:#fff;background-color:#e05555;border-color:#e05555; }

.my_ad_col { width:33.33%;float:right; }
.my_ad_col > div { margin:0px 10px 20px;border:2px solid #eee;border-radius:15px;padding:15px; }
.my_ad_col > div > div:nth-child(1) { height:30px;line-height:30px;text-align:right;font-weight:600;margin:0px 3px 5px; }
.my_ad_col > div > div:nth-child(1) img { height:25px;margin-left:5px; }
.my_ad_col > div > div:nth-child(1) span { display:inline-block;vertical-align:middle;margin-right:5px;font-size:10pt;color:#f64141; }
.my_ad_col > div > div:nth-child(2) { width:100%;border-radius:10px;overflow:hidden;height:200px; }
.my_ad_col > div > div:nth-child(2) img { width:100%;height:100%;object-position:center;object-fit:cover; }
.my_ad_col > div > div:nth-child(3) { height:30px;line-height:30px;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;margin:10px 0px 5px;font-size:12pt;font-weight:600; }
.my_ad_button_row { width:100%;height:45px;margin-top:5px; }
.my_ad_button_row > div:nth-child(2) { padding-right:10px;width:48%; }
.my_ad_button_row > div > * { display:block;border-radius:10px;color:#000;cursor:pointer;height:45px;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;line-height:45px;text-align:center;box-sizing:border-box;font-weight:600;
border:2px solid #ddd;box-sizing:border-box;font-size:10pt; }
.my_ad_button_row > div:nth-child(1) > * { background-color:#32127a;color:#fff;border-color:#32127a; }
.my_ad_button_row > div > * img { height:20px;margin-left:6px;vertical-align:middle; }
.my_ad_button_row > div > *:hover { opacity:0.7; }
.my_ad_button_row > div:nth-child(2) > *:hover { background-color:#eee;border-color:#eee;opacity:1; }
.my_ad_button_inline { text-align:center;font-weight:600;height:35px;line-height:35px;
margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.my_ad_button_inline > * { display:inline-block;vertical-align:middle;cursor:pointer;padding:0px 8px;
border-radius:8px;margin:0px 1px; }
.my_ad_button_inline > *:hover { background-color:#f1f1f1; }
.my_ad_button_inline > * img { height:18px;margin-left:5px; }

#user_popup_back { position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);cursor:pointer;
display:none;z-index:+10; }
#user_popup_container { position:fixed;left:0;top:0;width:100%;height:100%;box-sizing:border-box;
z-index:+11;display:none;padding:100px 0px;overflow-y:auto; }
.user_popup { width:90%;margin:0px auto;padding:30px;border-radius:20px;background-color:#fff;box-sizing:border-box;
display:none;position:relative; }
.user_popup_close { position:absolute;left:8px;top:8px;width:35px;height:35px;border-radius:100%;cursor:pointer;opacity:0.3;
background-size:40%;background-repeat:no-repeat;background-image:url('../image/close.png');background-position:center; }
.user_popup_close:hover { opacity:1; }
.user_popup_title { font-size:16pt;font-weight:600;letter-spacing:-0.6pt;padding-left:30px; }
.user_popup_title span { display:inline;font-weight:600;margin:0px 5px; }
.user_popup_title span:before { content:'"'; }
.user_popup_title span:after { content:'"'; }
.user_popup_desc { line-height:25px;margin:8px 0px 0px; }
.user_popup_desc span { display:inline;font-weight:600;margin:0px 5px; }
.user_popup_desc span:before { content:'"'; }
.user_popup_desc span:after { content:'"'; }

.user_popup_small { max-width:450px; }
.user_popup_large { max-width:900px; }

.user_popup_footer { margin-top:20px; }
.user_popup_button { display:inline-block;vertical-align:middle;height:44px;padding:0px 20px;border-radius:10px;
cursor:pointer;line-height:44px;margin-left:5px;font-weight:600; }
.user_popup_button:hover { opacity:0.8; }
.user_popup_button.user_popup_button_blue { background-color:#32127a;color:#fff; }
.user_popup_button.user_popup_button_red { background-color:#e05555;color:#fff; }
.user_popup_button.user_popup_button_white { background-color:#fff;color:#000;padding:0px 10px; }

#user_panel_container { transition:200ms;-webkit-transition:200ms;-moz-transition:200ms; }
.blur_back { filter:blur(10px);-webkit-filter:blur(10px);-moz-filter:blur(10px);opacity:0.5; }

.user_popup_upgrade { margin-top:15px; }
.upgrade_box { width:33.33%;float:right; }
.upgrade_box > div { margin:5px;position:relative;border-radius:10px;overflow:hidden;cursor:pointer; }
.upgrade_box > div > img { width:100%; }
.upgrade_box > div > div:nth-child(2) { position:absolute;bottom:0px;right:0;width:100%;padding:15px;box-sizing:border-box;
color:#fff;font-weight:600;z-index:+2; }
.upgrade_box > div > div:nth-child(2) img { height:18px;margin-left:7px; }
.upgrade_box > div > div:nth-child(3) { position:absolute;left:50%;top:50%;width:0;height:0;background-color:rgba(0,0,0,0);
transition:200ms;-webkit-transition:200ms;-moz-transition:200ms;z-index:+1; }
.upgrade_box > div:hover > div:nth-child(3) { width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.2); }

#ad_stats_cols { width:100%; }
#ad_stats_cols > div:nth-child(1) { }
#ad_stats_cols > div:nth-child(2) { width:340px;vertical-align:top; }

.ad_stat_title { font-size:15pt;font-weight:600;letter-spacing:-0.6pt;margin-bottom:20px; }
.ad_stat_line { width:100%;height:2px;margin:20px 0px;background-image:linear-gradient(to left,#eee,#fff);
background-image:-webkit-linear-gradient(to left,#eee,#fff);background-image:-moz-linear-gradient(to left,#eee,#fff); }
.ad_stat_row { margin-top:12px; }
.ad_stat_row > div:nth-child(1) { font-size:15pt;padding-left:15px;font-weight:600;letter-spacing:-0.6pt;
border-radius:10px;padding:3px 10px;text-align:center;background-color:#f1f1f1; }
.ad_stat_row > div:nth-child(2) { padding-right:10px;font-size:10pt; }

.apexcharts-legend-marker { margin-right:0 !important;margin-left:5px !important; }

.active_plan_container { padding-bottom:20px; }
.plan_box { width:33.33%;float:right; }
.plan_box > div { margin:8px;border:2px solid #e5e5e5;border-radius:20px;padding:20px; }
.plan_box > div > div:nth-child(1) { height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
font-weight:600;font-size:14pt;margin-bottom:10px; }
.plan_box > div > div:nth-child(2) { width:100%;height:5px;border-radius:10px;background-color:#eee;overflow:hidden; }
.plan_box > div > div:nth-child(2) > div { height:5px;border-radius:10px;float:left;background-color:#32127a; }
.plan_box > div > div:nth-child(3) { width:100%;margin-top:10px;font-size:8pt;font-weight:600; }
.plan_box > div > div:nth-child(3) > div:nth-child(2) { text-align:left; }

#profile_container { padding:20px;width:100%;max-width:900px;margin:20px auto 0px;box-sizing:border-box;padding-bottom:40px; }
#profile_cols { direction:ltr;width:100%; }
#profile_cols > div { direction:rtl;vertical-align:top; }
#profile_cols > div:nth-child(1) { width:400px;position:relative; }
#profile_cols > div:nth-child(2) { padding-left:20px; }

.image_uploader { position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f3f5f5;cursor:pointer;border-radius:20px; }
.image_uploader > div { text-align:center;position:relative; }
.image_uploader > div:before { content:"";position:absolute;left:20px;top:20px;right:20px;bottom:20px;border-radius:15px;
border:2px dashed rgba(0,0,0,0.15);transition:200ms;-webkit-transition:200ms;-moz-transition:200ms; }
.image_uploader > div > div:nth-child(1) { width:130px;height:130px;border-radius:100%;margin:0px auto 15px;overflow:hidden;
transition:200ms;-webkit-transition:200ms;-moz-transition:200ms; }
.image_uploader > div > div:nth-child(1) img { width:100%;height:100%;object-fit:cover;object-position:center; }
.image_uploader > div > div:nth-child(2) { font-size:15pt;font-weight:600; }
.image_uploader > div > div:nth-child(3) { font-size:8pt;margin-top:10px;padding:0px 40px;line-height:20px; }
.image_uploader > div > div:nth-child(4) { margin-top:20px; }
.image_uploader > div > div:nth-child(4) span { padding:8px 20px;border-radius:20px;background-color:#fff; }
.image_uploader > div > div:nth-child(4) input { display:none; }
.image_uploader:hover > div:before { left:0px;top:0px;right:0px;bottom:0px; }
.image_uploader:hover > div > div:nth-child(1) { transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1); }
.image_uploader:hover { background-color:#fff; }

.simple_form { float:right; }
.simple_form_col14 { width:25%; }
.simple_form_col13 { width:33.33%; }
.simple_form_col12 { width:50%; }
.simple_form_col11 { width:100%; }

.simple_form > div { margin:0px 10px 30px; }
.simple_form > div > label { display:block;font-size:10pt;font-weight:600;margin-bottom:5px; }
.simple_form > div > input.ltr { direction:ltr; }
.simple_form > div > input.en_font { font-family:english,tahoma;font-size:13pt !important;letter-spacing:0.8pt; }
.simple_form > div > input { border-radius:10px;border:2px solid #e1e1e1;padding:0px 10px;box-sizing:border-box;
width:100%;height:48px;text-align:center;font-size:12pt;outline-style:none; }
.simple_form > div > select { border-radius:10px;border:2px solid #e1e1e1;padding:0px 10px;box-sizing:border-box;
width:100%;height:48px;text-align:center;font-size:12pt; }
.simple_form > div > textarea { border-radius:10px;border:2px solid #e1e1e1;padding:10px 10px;box-sizing:border-box;
width:100%;height:200px;text-align:right;font-size:12pt; }
.simple_form_comment { font-size:9pt;margin-top:5px;color:#888;font-weight:400; }

.simple_form > div > input.error { border-color:#fd8e8e !important; }
.simple_form > div > input.error:focus { border-color:#fd8e8e !important; }

.simple_form_cases { margin-top:15px; }
.simple_form_cases div { margin-top:7px;font-size:12pt; }
.simple_form_cases label { cursor:pointer; }
.simple_form_cases input { vertical-align:middle;margin-left:5px; }

.date_form { width:100%;border-radius:10px;border:2px solid #e1e1e1;overflow:hidden; }
.date_form > div:nth-child(2) { border-right:2px solid #e1e1e1;border-left:2px solid #e1e1e1; }
.date_form > div input { width:100%;text-align:center;height:48px;border-style:none;outline-style:none; }
.date_form > div select { width:100%;text-align:center;height:48px;border-style:none;outline-style:none; }

#profile_button_container { margin-right:10px;text-align:right; }
#profile_button { height:45px;line-height:45px;display:inline-block;vertical-align:middle;
padding:0px 30px;border-radius:10px;font-weight:600;cursor:pointer; }

#wallet_cols { width:100%;padding:50px;box-sizing:border-box; }
#wallet_cols > div { vertical-align:top; }
#wallet_cols > div:nth-child(1) { width:220px;padding-left:30px; }
#wallet_cols > div:nth-child(1) img { width:100%; }
#wallet_cols > div:nth-child(2) { padding-top:20px; }
#wallet_cols > div:nth-child(2) > div:nth-child(1) { font-size:25pt;font-weight:800;margin-bottom:10px; }
#wallet_cols > div:nth-child(2) > div:nth-child(2) { line-height:30px; }
#wallet_cols > div:nth-child(2) > div:nth-child(3) { margin-top:15px; }
#wallet_cols > div:nth-child(2) > div:nth-child(3) > span { display:inline-block;vertical-align:middle;font-weight:600;
font-size:12pt;padding:8px 15px;border-radius:10px;background-color:#fff6d6;margin-left:20px; }
#wallet_cols > div:nth-child(2) > div:nth-child(3) > div { display:inline-block;vertical-align:middle; }
.wallet_button { display:inline-block;vertical-align:middle;margin-left:0px;font-weight:600;cursor:pointer;
padding:8px 12px;border-radius:10px; }
.wallet_button:hover { background-color:#f1f1f1; }
.wallet_button img { height:23px;margin-left:5px; }

.tbl_container { width:100%;overflow-x:auto;padding-bottom:15px; }
.tbl_container > .tbl_800 { width:100%;min-width:800px; }
.tbl_container > .tbl_700 { width:100%;min-width:700px; }
.tbl_container > .tbl_600 { width:100%;min-width:600px; }
.tbl_container > table { border-style:none;border-spacing:0; }
.tbl_container > table tr th { background-color:#f1f1f1;padding:15px;text-align:center;font-weight:600;border-bottom:5px solid #fff; }
.tbl_container > table tr td { padding:10px 15px;text-align:center;border-bottom:1px dashed #ddd; }
.tbl_container > table tr:last-child td { border-style:none; }

.tbl_icon { display:inline-block;vertical-align:middle;width:20px;height:20px;background-size:100%;
background-size:100%;margin:0px 10px; }
.increase_icon { background-image:url('../image/increase.png'); }
.decrease_icon { background-image:url('../image/decrease.png'); }

#parsi_tab { margin-top:20px; }
#parsi_tab > div:nth-child(1) > * { padding:10px 20px; }
#parsi_tab > div:nth-child(1) > *:nth-child(1) { padding-right:10px; }

.parsi_package { margin-top:10px;border-radius:10px;padding:0px 15px;width:100%;box-sizing:border-box;border:2px solid #fff;
background-image:linear-gradient(to left,#eee,#fff);background-image:-webkit-linear-gradient(to left,#eee,#fff);
background-image:-moz-linear-gradient(to left,#eee,#fff);cursor:pointer;height:50px;line-height:50px;position:relative; }
.parsi_package > div { display:inline-block;vertical-align:middle; }
.parsi_package > div:nth-child(1) { font-weight:600;font-size:12pt; }
.parsi_package > div:nth-child(1) i { display:inline-block;vertical-align:middle;width:22px;height:22px;background-size:100%;
background-image:url('../image/parsi.png');margin-left:6px; }
.parsi_package > div:nth-child(2) { text-align:left;font-size:9pt;margin-right:5px;opacity:0.6; }
.parsi_package.selected { border-color:#32127a; }
.parsi_package > span { display:block;font-size:9pt;color:#fff;background-color:#e05b5b;position:absolute;left:10px;top:12px;
height:25px;line-height:25px;padding:0px 5px;border-radius:5px;font-weight:600;direction:rtl; }

.parsi_button_container { width:100%;margin-top:40px; }
.parsi_button_container > div:nth-child(1) { font-size:9pt;padding-right:5px; }
.parsi_button_container > div:nth-child(1) > span { font-size:10pt;font-weight:600; }
.parsi_button_container > div:nth-child(1) > span > span { display:none; }
.parsi_button_container > div:nth-child(1) > span > span.show { display:inline; }
.parsi_button_container > div:nth-child(2) { text-align:left; }
.parsi_button { height:45px;line-height:45px;display:inline-block;vertical-align:middle;
padding:0px 25px;border-radius:10px;font-weight:600;cursor:pointer; }

.parsi_gateway { margin-top:30px; }
.parsi_gateway > span:nth-child(1) { font-size:11pt;margin-bottom:10px;display:block;color:#bbb; }
.parsi_gateway > label { margin-left:20px;cursor:pointer;font-size:11pt;font-weight:600; }
.parsi_gateway > label input { display:inline-block;vertical-align:middle;margin-left:5px; }

#parsi_tab .simple_form > div { margin:0 0 20px;float:none; }
.parsi_note { margin:10px 0px 30px;border-radius:10px;border:2px solid rgba(0,0,0,0.1);
padding:15px;background-color:#ffffea;font-weight:600;text-align:center; }

#free_parsi_input { margin-top:15px;position:relative; }
#free_parsi_input label { font-weight:600;margin-bottom:8px;height:20px;line-height:20px;display:block; }
#free_parsi_input div { height:50px;direction:ltr;text-align:left;padding:0px 15px;border-radius:10px;border:2px solid #ccc;
box-sizing:border-box;width:100%;outline-style:none;line-height:50px;font-weight:600;letter-spacing:0.3pt;
padding-right:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
#free_parsi_input i { display:block;position:absolute;right:5px;top:33px;width:40px;height:40px;cursor:pointer;
background-size:60%;background-color:#fff;background-repeat:no-repeat;background-position:center;border-radius:5px;
background-image:url('../image/copy.png'); }
#free_parsi_input i:hover { background-color:#f1f1f1; }
#free_parsi_input input { display:none; }

#free_rules { background-color:#ffffea;border:2px solid rgba(0,0,0,0.05);padding:20px;border-radius:10px;margin-top:20px; }
#free_rules > div:nth-child(1) { font-size:13pt;font-weight:600;margin-bottom:8px; }
#free_rules > div:nth-child(2) > div { margin-top:5px;height:25px;line-height:25px;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap; }
#free_rules > div:nth-child(2) > div:before { content:"";display:inline-block;vertical-align:middle;width:18px;height:18px;
background-size:100%;background-image:url('../image/parsi.png');margin-left:5px; }
#free_rules > div:nth-child(2) > div > span { display:inline; }
#free_rules > div:nth-child(2) > div > span:nth-child(1) { font-weight:600;margin-left:5px; }
#free_rules > div:nth-child(2) > div > span:nth-child(2) { font-size:10pt; }

#step_menu { position:fixed;right:0;top:0;width:300px;height:100%;background-color:#fff;border-left:1px solid #ddd; }
#step_menu > div.tbl { position:absolute;right:0;top:0;width:100%;height:100%; }
#step_menu > div.tbl > div { padding:60px 20px 10px; }
.step_counter { width:100%;height:50px;font-weight:600;position:relative; }
.step_counter > div { vertical-align:top; }
.step_counter > div:nth-child(1) { width:34px;padding-left:10px;text-align:center; }
.step_counter > div:nth-child(1) > span { width:34px;height:34px;display:block;border-radius:100%;position:relative;
line-height:36px;font-size:14pt;background-color:#f3f5f5;font-weight:600;z-index:+1;border:2px solid #fff; }
.step_counter:before { content:"";display:block;width:2px;height:105%;right:18px;top:0;background-color:#f3f5f5;position:absolute; }
.step_counter:last-child:before { display:none; }
.step_counter > div:nth-child(2) { line-height:36px;padding-top:1px; }
#step_menu_logo { width:100%;text-align:center;margin-top:20px;position:relative;z-index:+1; }
#step_menu_logo img { width:100%;max-width:110px; }

.step_counter.passed > div:nth-child(1) > span { background-color:#8fd7d7;color:#fff; }
.step_counter.passed:before { background-color:#b1dddd;opacity:0.7; }
.step_counter.active > div:nth-child(1) > span { background-color:#57c5c6;color:#fff;
box-shadow:0px 0px 0px 4px rgba(87,197,198,0.2); }
.step_counter.active > div:nth-child(2) { color:#50b4b4; }

#step_container { padding-right:300px; }
#step_container > div { padding:0px; }
#step_header { width:100%;background-color:#fff;padding:20px;box-sizing:border-box;border-bottom:1px solid #ddd; }
#step_header > div:nth-child(2) { text-align:left; }
.step_header_link { font-weight:600;cursor:pointer;font-size:12pt; }
.step_header_link > img { height:24px;margin-left:10px; }

#step_window_container { margin:15px auto; }
.step_window { margin:15px;border-radius:10px;background-color:#fff;
padding:30px;box-sizing:border-box;box-shadow:0px 0px 30px rgba(0,0,0,0.05); }

.step_title1 { font-size:12pt;font-weight:600;color:#bbb;margin-bottom:30px; }
.step_title1 i { display:inline-block;vertical-align:middle;width:35px;height:25px;background-size:60%;
background-position:right center;background-repeat:no-repeat;background-image:url('../image/back.png');
cursor:pointer;opacity:0.4;margin-left:-5px; }
.step_title1 i:hover { opacity:1; }
.step_title2 { font-size:23pt;font-weight:800;margin-bottom:10px;letter-spacing:-0.8pt; }
.step_desc { margin-bottom:50px;line-height:30px; }

#step1_category_container {  }
.step1_category_column { width:25%;float:right; }
.step1_category_column > div { margin:0px 7px 15px; }
.step1_category { border-radius:15px;border:2px solid #eee;padding:15px;cursor:pointer; }
.step1_category:hover { border-color:#aaa;background-color:#fafafa; }
.step1_category > div:nth-child(1) img { height:45px;margin-bottom:10px; }
.step1_category > div:nth-child(2) { height:30px;line-height:30px;font-weight:600;padding-left:30px;position:relative;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.step1_category.has_child > div:nth-child(2):after { position:absolute;left:0;top:5px;width:20px;height:20px;content:"";
background-size:60%;background-image:url('../image/sub_category.png');background-position:center;background-repeat:no-repeat; }
.step1_category.selected { border-color:#57c5c6;background-color:#ebfafa; }

#step1_category_back { margin-bottom:20px;padding-right:5px; }
#step1_category_back > span { cursor:pointer;font-weight:600; }
#step1_category_back > span:before { content:"";display:inline-block;vertical-align:middle;width:15px;height:15px;
background-size:100%;background-image:url('../image/back.png');margin-left:10px; }

#step2_area_container { width:100%;max-width:400px;margin:0px auto; }
#step2_area_back { margin-bottom:20px;padding-right:5px; }
#step2_area_back > span { cursor:pointer;font-weight:600; }
#step2_area_back > span:before { content:"";display:inline-block;vertical-align:middle;width:15px;height:15px;
background-size:100%;background-image:url('../image/back.png');margin-left:10px; }

#step2_map_container { width:100%;max-width:600px;margin:0px auto; }
.step_button_container { margin-top:50px;text-align:center;clear:both; }
.step_button { height:45px;line-height:45px;display:inline-block;vertical-align:middle;margin-right:10px;
padding:0px 25px;border-radius:10px;cursor:pointer;font-weight:600; }

#wizard_category_button { display:none; }
#wizard_area_button { display:none; }
#ad_fix_price { display:none; }

.step2_area { height:50px;line-height:50px;padding:0px 15px;border-radius:15px;border:2px solid #eee;padding-left:50px;
cursor:pointer;margin-top:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative; }
.step2_area:hover { border-color:#aaa;background-color:#fafafa; }
.step2_area > span:nth-child(1) { font-size:12pt;font-weight:600;margin-left:10px; }
.step2_area > span:nth-child(2) { color:#aaa;font-size:9pt;letter-spacing:0pt; }
.step2_area.has_child:after { position:absolute;left:15px;top:15px;width:20px;height:20px;content:"";
background-size:60%;background-image:url('../image/sub_category.png');background-position:center;background-repeat:no-repeat; }
.step2_area.selected { border-color:#57c5c6;background-color:#ebfafa; }

#step3_container { width:100%;max-width:600px;margin:0px auto; }

#step4_container { width:100%;max-width:1000px;margin:0px auto; }
.step4_image { width:25%;float:right; }
.step4_image > div { margin:10px;border-radius:15px;background-color:#fff;overflow:hidden;border:2px solid #ddd; }
.step4_image > div > div:nth-child(1) { height:220px; }
.step4_image > div > div:nth-child(1) img { width:100%;height:100%;object-position:center;object-fit:cover; }
.step4_image > div > div:nth-child(2) { width:100%;box-sizing:border-box;padding:10px;line-height:40px;
height:60px;table-layout:fixed; }
.step4_image > div > div:nth-child(2) input { display:none; }
.step4_image_button { text-align:center;border-radius:8px;display:block;font-weight:600;table-layout:fixed;
white-space:nowrap;cursor:pointer;background-color:#3b9192;color:#fff;height:40px;line-height:40px;overflow:hidden;
text-overflow:ellipsis;padding:0px 5px;font-size:10pt; }
.step4_image > div > div:nth-child(2) > div:nth-child(2) { width:40px;padding-right:5px; }
.step4_image_button_delete { display:inline-block;vertical-align:middle;width:40px;height:40px;border-radius:8px;
background-image:url('../image/delete.png');background-size:50%;background-position:center;
background-repeat:no-repeat;cursor:pointer;opacity:0.5; }
.step4_image_button_delete:hover { opacity:1; }
.step4_image_button_def { text-align:center;border-radius:8px;display:block;font-weight:600;white-space:nowrap;
background-color:#f1f1f1;color:#3b9192;height:40px;line-height:40px;overflow:hidden;
padding:0px 5px;text-overflow:ellipsis;font-size:10pt; }

.step4_label { font-size:9pt;line-height:20px;margin-bottom:6px;font-weight:600;letter-spacing:-0.5pt; }
.step4_loading { height:6px;border-radius:10px;overflow:hidden;background-color:#eee; }
.step4_loading > div { height:6px;border-radius:10px;background-color:#3b9192;float:left; }

#step5_container { width:100%;max-width:300px;margin:0px auto; }
#step6_container { width:100%;margin:0px auto;max-width:800px; }
.step6_col { width:50%;float:right; }
.step6_col > div { margin:15px 7px; }
.step6_box { border-radius:10px;border:2px solid #ddd;background-color:#fff;box-sizing:border-box; }
.step6_box > div:nth-child(1) { height:30px;line-height:30px;padding:10px 15px 10px;overflow:hidden;cursor:pointer;
text-overflow:ellipsis;white-space:nowrap;font-weight:600;position:relative; }
.step6_box > div:nth-child(1):before { content:"";display:inline-block;vertical-align:middle;width:15px;height:15px;
border:2px solid #bbb;border-radius:7px;margin-left:10px; }
.step6_box > div:nth-child(1) img { width:26px;height:26px;position:absolute;left:12px;top:12px; }
.step6_box > div:nth-child(2) { margin:0px 10px 10px;padding:20px;background-color:#fff;border-radius:6px;display:none; }
.step6_box > div:nth-child(2) .simple_form > div { margin:0; }
.step6_box > div:nth-child(2) .simple_form label { margin-bottom:10px; }

.step6_box.active { border-color:#57c5c6;background-color:#ddf1f1; }
.step6_box.active > div:nth-child(2) { display:block; }
.step6_box.active > div:nth-child(1):before { border-color:#2c8b8b;background-color:#2c8b8b;
background-image:url('../image/check.png');background-size:70%;background-position:center;
background-repeat:no-repeat; }

#parsi_value { text-align:center;font-weight:600;padding:7px 0px;border-radius:10px;
background-color:#fff6d6;margin:3px 0px 10px; }

.apexcharts-tooltip-series-group { text-align:right !important;justify-content:right !important; }
.apexcharts-tooltip-marker { margin-right:0 !important;margin-left:10px !important; }

@media only screen and (max-width:1200px) {
    #user_container { padding:90px 10px 70px; }
    .my_ad_col { width:50%; }
    .step1_category_column { width:50%; }
    .step4_image { width:33.33%; }
}
@media only screen and (max-width:1100px) {
    .dashbox > div { display:block; }
    .dashbox > div:nth-child(1) { margin:0px auto 10px;padding-right:0; }
    .dashbox > div:nth-child(2) { text-align:center;margin-top:10px; }
    .dashbox > div:nth-child(2) > div { height:35px;line-height:35px; }
    .dashbox > div:nth-child(2) > div:nth-child(2) { margin-top:-10px; }
}
@media only screen and (max-width:1000px) {
    .plan_box { width:50%; }
    #ad_stats_cols > div { display:block; }
    #ad_stats_cols > div:nth-child(2) { width:auto;margin:10px 0px 30px; }
    
    #header > .tbl > div:nth-child(2)#user_header { position:fixed;left:0;top:50px;height:60px;line-height:50px;
    background-color:#fff;display:block;width:100%;text-align:right;border-bottom:2px solid #e8ecec;
    padding:5px 10px;box-sizing:border-box;overflow-x:auto;white-space:nowrap;overflow-y:hidden; }
    #user_container { padding-top:120px; }
}
@media only screen and (max-width:900px) {
    #profile_container { margin-top:0; }
    #profile_cols > div { display:block; }
    #profile_cols > div:nth-child(1) { width:auto;height:380px;margin-bottom:20px; }
    #profile_cols > div:nth-child(2) { padding-left:0; }
    #profile_button_container { text-align:center;margin-top:20px; }
    #wallet_cols { padding:20px; }
    .step1_category_column { width:33.33%; }
}
@media only screen and (max-width:800px) {
    .dashbox > div:nth-child(2) > div:nth-child(1) { font-size:14pt; }
    .dashbox { padding:20px 10px 10px; }
    #user_container { padding:120px 10px 70px; }
    #detail_header { margin-bottom:15px; }
    .my_ad_col { width:100%; }
    .upgrade_box { width:50%; }
    #wallet_cols > div { display:block;text-align:center; }
    #wallet_cols > div:nth-child(1) { width:auto;max-width:200px;margin:0px auto; }
    .step4_image { width:50%; }
    .step6_col { float:none;width:100%; }
    .step6_col > div { margin:12px 0px; }
}

/* -------------- Steps-Page-Just */
@media only screen and ((max-width:900px) or (max-height:500px)) {
    #step_menu_logo { margin-top:15px; }
    #step_menu_logo img { max-width:90px; }
    .step_window { padding:20px; }
    #step_menu { border-style:none; }
    #step_header { border-style:none;background:none;padding-bottom:0; }
    #step_menu { width:250px; }
    #step_container { padding-right:250px; }
    #step_menu_logo { display:none; }
    .step_counter > div:nth-child(2) { display:none; }
    #step_menu { width:50px;background:none; }
    #step_menu > div.tbl > div { padding:0px; }
    .step_counter { width:auto;margin:0px 10px; }
    .step_counter > div:nth-child(1) { padding-left:0; }
    #step_container { padding-right:35px; }
    .step_counter > div:nth-child(1) > span { background-color:#fff;border-color:#f3f5f5; }
    .step_counter:before { background-color:#fff; }
    .step_counter { height:40px; }
    .step_counter > div:nth-child(1) > span { width:26px;height:26px;line-height:28px;font-size:12pt; }
    .step_counter:before { right:14px; }
    #step_window_container { margin:20px auto; }
    #step_menu > div.tbl > div { vertical-align:top;padding-top:15px; }
}
@media only screen and (max-height:300px) {
    #step_menu { display:none; }
    #step_container { padding-right:0; }
    #step_container > div { padding:15px; }
}
/* -------------- Steps-Page-Just */


@media only screen and (max-width:700px) {
    #dashboard_column > div { display:block; }
    #dashboard_column > div:nth-child(1) { width:auto;padding-left:0;margin-bottom:10px; }
    #dashboard_user { margin:0px 5px 0px;padding:20px; }
    #dashboard_user > div:nth-child(1) { width:90px;height:90px;margin-bottom:10px; }
    #dashboard_user > div:nth-child(3) { margin-top:10px; }
    #dashboard_user > div:nth-child(4) { margin-top:30px; }
    #dashboard_user > div:nth-child(1) > div { width:80px;height:80px; }
    #dashboard_button { width:auto;margin:10px 5px 0px; }
    .step1_category_column { width:50%; }
}
@media only screen and (max-width:600px) {
    .panel_window_ads_container { padding:0px 5px 5px; }
    .panel_window_ads_container .ad_block > div:nth-child(1) { margin:10px 5px 5px;padding-bottom:65px; }
    .ad_footer_button { left:20px;bottom:20px;right:20px; }
    .panel_title > div { display:block;text-align:right; }
    .panel_title > div:nth-child(2) { text-align:right;margin-top:5px; }
    .panel_title > div:nth-child(2) .link1_eff { margin-right:-15px; }
    .upgrade_box { width:100%; }
    .plan_box { width:100%; }
    .plan_box > div { margin:15px 0px 0px; }
    #wallet_cols > div:nth-child(2) > div:nth-child(3) > span { display:block;text-align:center;margin-left:0;margin-bottom:10px; }
    .step4_image > div { margin:5px; }
    .step4_image > div > div:nth-child(2) { padding:7px;height:54px; }
    .step_header_link { font-size:11pt; }
    .step_header_link img { height:20px;margin-left:6px; }
    #user_header .header_link { padding:0px 8px; }
}
@media only screen and (max-width:500px) {
    .my_ad_col > div { margin:0px 0px 10px; }
    .my_ad_button_inline > * { font-size:9pt;padding:0px 5px; }
    .user_popup { padding:20px; }
    .user_popup_title { font-size:13pt; }
    .step1_category_column { width:100%; }
    .step1_category_column > div { margin:0 0 15px; }
    .step4_image { width:100%; }
    .step4_image > div { margin:0px auto 10px;width:100%;max-width:270px; }
    .step_title2 { font-size:20pt; }
}
@media only screen and (max-width:400px) {
    .dashbox > div:nth-child(2) > div:nth-child(1) { font-size:12pt;letter-spacing:0pt; }
    .dashbox > div:nth-child(2) > div:nth-child(1) span { font-size:9pt; }
    .dash_slide > div:nth-child(1) { height:120px; }
    .panel_tab_window > div:nth-child(1) > * { padding:10px; }
    .simple_form_col12 { width:100%; }
    .wallet_button { padding:5px 0px;margin:0px 5px; }
    .panel_tab_window > div:nth-child(2) { padding:10px 0px 5px; }
    .parsi_button_container > div { display:block;text-align:center; }
    .parsi_button_container > div:nth-child(2) { margin-top:10px; }
    .parsi_button { display:block;width:auto;text-align:center; }
    #parsi_tab > div:nth-child(1) > * { padding:10px; }
    #free_rules { padding:10px; }
    #free_rules > div:nth-child(2) > div > span:nth-child(2) { font-size:9pt; }
    .parsi_package { padding:0px 10px;height:40px;line-height:40px; }
    .parsi_package > span { top:6px;left:5px;font-size:8pt; }
    .parsi_package > div:nth-child(1) { font-size:10pt; }
    .parsi_package > div:nth-child(2) { font-size:8pt; }
}
@media only screen and (max-width:350px) {
    .panel_tab_window > div:nth-child(1) > * > span { display:none; }
    
}