﻿body {
    padding: 0;
    margin: 0;
    background-color: #F5F5F5;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.Home_Container{width:1300px; margin:0 auto; }
.pull_left { float:left;}
.pull_right { float:right;}
.pull_center{ margin:0 auto;}

.col_dsply{ width:100%; display:inline-block;}
.display_no{ display:none;}

::placeholder{
    color:#E8E8E8;
}
.Load_div{ position:fixed; width:100%; height:100vh; background-color:rgba(0,0,0,0.2); z-index:1000 }
.load_body { width:100px; margin:10% auto; }
.load_body img{ width:100px;  }
@font-face {
    font-family: 'NunitoSans-Bold';
    src: url('../Fonts/NunitoSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'NunitoSans-Regular';
    src: url('../Fonts/NunitoSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'NunitoSans-Light';
    src: url('../Fonts/NunitoSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../Fonts/Poppins-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../Fonts/Poppins-Regular.ttf') format('truetype');
}
/*Login CSS*/

.log_left{ width:49%; float:left; }
.log_right{width:49%; float:right; }
.sign_head{  font-family: 'Poppins-Bold'; font-size:24px;}
.signsub_text{ font-family: 'Poppins-Regular'; font-size:18px; margin-bottom:20px;}
.log_body{width:400px; margin:20px auto; }
.log_logo{ width:100%; text-align:center; margin-top:30px;  margin-bottom:20px; text-align:center;}
.log_logo img{ width:70%;}
.log_field{ width:100%; float:left; font-family: 'Poppins-Regular'; margin-bottom:10px; }
.log_field input[type="text"],.log_field input[type="password"]{ width:100%; padding:8px 0px 8px 10px; margin:5px 0px; font-family: 'Poppins-Regular'; border-radius:5px; border:1px solid #808080;}
.log_field .text_3{ font-size:16px;}
.log_field .text_4{ font-size:15px; color:#000;  text-align:right;}
.log_btn{ background-color:#FFF100; text-align:center; padding:8px 0px; border-radius:5px; cursor:pointer; margin-top:20px; font-family: 'Poppins-Bold';}
.show_pass{ position:absolute; right:10px; margin-top:15px; font-size:20px; cursor:pointer; color:rgba(0, 0, 0, 0.5)}
.log_text3{ color:rgba(0, 0, 0, 0.7)}
.Login_chobtn{ background-color:#fff; box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.2); font-size:16px; font-family: 'Poppins-Regular'; color:#000; padding:10px 0px;  text-align:center; border-radius:10px; width:200px; margin:30px auto; cursor:pointer;}
.Login_chobtn:hover{ color:rgba(0, 0, 0, 0.7);  font-family: 'Poppins-Bold';   box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.4);}
.bottomLogin_chobtn{ background-color:#0D509F; box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.4); font-size:16px; font-family: 'Poppins-Regular'; color:#fff; padding:10px 0px;  text-align:center; border-radius:10px; width:100%;  cursor:pointer;}
.bottomLogin_chobtn:hover{   transform: scale(1.01);  color:#E8E8E8;}
.top_ellips { position: absolute;  z-index: 998;}
.top_ellips img{ width:100%; }  
.right_img{ z-index:999; }
.right_img img{ width:100%; }
.err_msg{ color:red; font-family: 'Poppins-Regular'; font-size:13px;}
.pop_signbtn{ position:absolute;  width:400px; background-color:#fff;  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); padding:20px 0px; border-radius:10px;}
.sign_menu{ font-size:18px; cursor:pointer;  width:50px;}
.log_logoform{ width:250px; margin:20px auto;  text-align:center;}
.log_logoform img{ width:100%;   }
/*.sign_menu:hover .pop_signbtn{ display:block;}*/

.forg_text{ text-align:center; font-family: 'Poppins-Regular'; font-size:18px;}
.forg_field{ width:300px; margin:40px auto; font-size:16px; font-family: 'Poppins-Regular';}
.forg_field input{width:100%; padding:3px; font-family: 'Poppins-Regular';}
.forget_btn{ width:100px; margin:20px auto; padding:5px; text-align:center; cursor:pointer; background-color:#FFF100; cursor:pointer; font-family: 'Poppins-Bold'; border-radius:5px;}
.succ_forg{ text-align:center; font-family: 'Poppins-Regular'; padding:20px 0px; }
.Inacive_field{ width:90%; margin:20px auto; font-size:16px; font-family: 'Poppins-Regular'; text-align:center; }
.logop{ width:300px; margin:10px auto;  text-align:center; padding:0; border:1px solid rgba(0, 0, 0, 0.3); border-radius:5px;}
.adlog{ width:49%; float:left; padding:5px 0px; margin-bottom:-5px;  border-radius:5px; cursor:pointer; font-size:20px;}
.cllog{ width:49%; float:right;  padding:5px 0px; margin-bottom:-5px; border-radius:5px;  font-size:20px; cursor:pointer;}
.logactive{ background-color:#000; color:#fff;  }

.bottom_logbtn{ width:60%;  margin:20px auto;}
.reg_btn{width: 110px; color:#fff; cursor:pointer; padding:5px 0px; text-align:center; cursor:pointer; border-radius:5px; font-size:18px;}
.cliregister_sub{ float: left; background-color: #F5A231; font-family: 'Poppins-Regular';}
.cliregister_can{ float: right; background-color: rgba(0, 0, 0, 0.5);  font-family: 'Poppins-Regular';}

/*menu DASH*/ 
/*.dash_left{ width:250px; float:left;  font-family: 'Poppins-Regular'; }
.dash_right{ width:1048px; float:left;  }

.dash_logo{width:170px; margin-top:10px; text-align:center; box-shadow:}
.dash_logo img{ width:100%; }
.menu_body{ }
.menu_field{ padding:10px; }*/
/*DASH BOARD*/
.dash_left {
    width: auto;
    position: absolute;
    background-color: #fff;
    z-index: 1000;
}
.dash_right{width:100%;  float:right; min-height:80vh; background-color:#F5F5F5; }
.loaddiv{ position:absolute; background-color:rgba(0, 0, 0, 0.3); width:100%; height:100%; z-index:999;}
.loadbody{ width:200px; margin:150px auto; }
.loadbody img{width:100%; }

.backlightgray {
    background-color: #E8E8E8;
}

.dashtop_logo{ width:150PX;  text-align:center; float:left;  } 
.dashtop_logo img{ width:100%;}
.selecthead{ text-align:center; margin-bottom:-13px;   font-family: 'Poppins-Bold'; font-size:15px; color:#00B294;}
#selectcap{font-family: 'Poppins-Light'; font-size:14px; }
.down_arr{color:#FFF100; margin-left:10px; position:absolute; right:10px;}
.menu_body {
   
    padding: 10px 5px;
    margin-top: 20px;
    height: 80vh;
}
.section_menuhead {
    position: relative;
    font-family: 'Poppins-Bold';
    border-bottom: 1px solid #E8E8E8;
    cursor: pointer;
    text-align: left;
    padding: 5px 0px 5px 20px;
    font-size: 15px;
    background-color: #525252;
    color: #fff;
    margin-top: 5px;
}
.menu_li{ padding:12px 10px 5px 10px; border-radius:10px; height:30px;  font-size:14px; color:rgba(0, 0, 0, 0.6); font-family: 'Poppins-Bold'; cursor:pointer;  border-bottom:1px solid #E2E2E2;}
#Trent_section:hover .menutextside{display:block;}
.menulogoside{ text-align:left; width:30px; float:left;}
.menulogoside img{ width:20px;}
.menulogoside i{ width:20px; font-size:20px;}
.menutextside{ display:none; font-size:15px; margin-top:0px; text-align:left; font-weight:bold;  width:150px; float:left;   font-family: 'Poppins-Regular';}
.menutextside1{margin-top:5px; font-size:15px; font-weight:bold;  font-family: 'Poppins-Regular';}
.menuactive{background-color:#E8E8E8; font-size: 13px; font-weight:bolder;  font-family: 'Poppins-Bold'; border-top:1px solid #FFF100; border-bottom:1px solid #FFF100;}
.menu_li:hover{ /*background-color:#E8E8E8;*/ background-color:#FFF100; color:#000; font-size: 13px; font-weight:bolder; font-family: 'Poppins-Bold'; }

.profiles{ width:200px; float:right; text-align:right;  margin-right:50px; font-family: 'Poppins-Regular';}
.profiles_body{cursor:pointer; width:auto;}
.top_profile{ font-size:30px; margin-left:20px; cursor:pointer; color:rgba(0, 0, 0, 0.7);}
.fa-bell{ font-size:25px; margin-left:5px; color:#000; cursor:pointer;}
.doenload_report{ color:#0F81C0; cursor:pointer;}
.doenload_report:hover .fa-download{ font-size:18px;}
.down_chevron{ font-size:12px;}
.profile_pop{ position:absolute; display:none; width:200px; text-align:center; padding:10px 0px; right:10px; background-color:#fff; z-index:999; border-radius:10px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);}
.log_out{ text-align:center; background-color:#fff; cursor:pointer; }
.profiles:hover .profile_pop{ display:block; }
.Change_pass{ cursor:pointer; margin-top:10px; }
.Change_pass:hover,.log_out:hover{ font-weight:bolder;}

.top_dashhead {
    width: 100%;
    background-color: #fff;
    box-shadow: 2px 2px 5px 0.1px rgba(0, 0, 0, 0.1);
    padding: 5px 10PX 0px 10px;
}

.body_dashbord{ float:right; display:inline-block; padding:10px; margin-right:0px;}


.date_select{ width:150px; float:left;}
.date_select input{width:100%; padding:8px; margin:10px 5px; border-radius:5px; border:1px solid #cacecd; }
.date_change{width:350px; float:left; margin:10px 5px;}
.today_btn{ width:100px; float:right; text-align:center; font-family: 'Poppins-Regular'; background-color:#FFF100; border-radius:5px; padding:5px 0px; cursor:pointer; margin:0px 10px;}
.left_btnarr{  width:50px; float:right; text-align:center; font-family: 'Poppins-Regular'; border:1px solid #E8E8E8; padding:5px 0px; cursor:pointer;}
.right_btnarr{  width:50px; float:right; text-align:center; font-family: 'Poppins-Regular'; cursor:pointer; border:1px solid #E8E8E8; padding:5px 0px; cursor:pointer;}
.right_report{ width:130px; float:right; text-align:center; font-family: 'Poppins-Regular'; background-color:#FFF100; border-radius:5px; padding:5px 0px; cursor:pointer; margin-right:10px;  margin:10px 5px;}
.body_dashbord{ min-height:800px; }
    
       #recome thead  tr td{ font-size:13px; font-family: 'Poppins-Bold'; background-color:#E8E8E8; border:0.2px solid #cacecd;}
        #recome thead  tr td:first-child{ background-color:rgba(0, 0, 0, 0.7); color:#fff; font-family: Poppins-Bold}
        #recome thead{ text-align:center;}
        #recome tr td{ position:relative; border:1px solid #cacecd;  border-radius:5px; font-size:12px; padding:10px;  font-family: 'Poppins-Regular';  max-height:80px;}

         #insertlist tr td { vertical-align: top;}

.nodata_alert{ text-align:center; font-family: Poppins-Regular; font-size:18px; margin-top:80px;}
.recome_class{ top:10px;  }
.recomes_left{  width:auto; float:left;   color:green;  }
.recomes_left:hover{ max-height:none; }
.recomes_right{ width:auto; float:right; color:red;  }
.stocnamerecome{ position:absolute; margin-left:40px; padding:4px 5px; border-radius:5px; width:200px;  display:none; background-color:#000; color:#FFF100; z-index:999;}
.stocnamerecomema{ position:absolute; right:50px;  padding:4px 5px; border-radius:5px; width:200px;  display:none; background-color:#000; color:#FFF100; z-index:999;}
.symbol_recome{ cursor:pointer;  border-bottom:1px solid rgba(0, 0, 0, 0.5);}
.symbol_recome:hover .stocnamerecome{ display:block;}
.symbol_recome:hover .stocnamerecomema{ display:block;}
.recome_class .fa{ color:rgba(0, 0, 0, 0.3);}
.display0{ display:none;}
.circl_green{ background-color:green; border-radius:50%; color:#fff; padding:0px 5px; margin-left:5px;}
.circl_red{ background-color:red; border-radius:50%; color:#fff; padding:0px 5px; margin-left:5px;}
.eye_png { width:20px; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; float:right; cursor:pointer; position:relative; }
.eye_png img {width:17px;  }
.qty_boxL{ position:fixed; top:0px; width:100%; height:100%; left:0; background-color:rgba(0,0,0,0.2); z-index:1001; }
.qty_box{  width:500px; margin:30px auto; position:relative;  background-color:rgba(0,0,0,0.9); color:#E8E8E8;   padding:10px 20px;  border-radius:10px; font-family: 'Poppins-Regular';}
.qty_qty{ width:60px; float:left; text-align:center; }
.qty_sym{width:120px; float:left; }
.qty_name{width:280px; float:left; }
.qty_user{ text-align:center; font-size:16px; color:#FFF100;}
.qty_plan{ text-align:center; font-size:16px; color:#FFF100; margin-bottom:10px;}
.line_qty{ border-bottom:1px solid; border-color:#e1eff1;}
.head_qty{ font-size:14px;  font-family: Poppins-Bold; color:#fff;}
.close_qty{ position:absolute; right:20px; color:lightgray; font-size:16px; cursor:pointer;}
/*.BUY{ color:green; }
.SELL{ color:red}*/
/*        User Dashbord*/
.multiple_add {
    background-color: #FFF100;
    color: #000;
    width: 150px;
    font-family: 'Poppins-Regular';
    cursor: pointer;
    text-align: center;
    padding: 8px 0px;
    border-radius: 5px;
    position: absolute;
    right: 180px;
    top: 0px;
}
.multiple_bulkadd{  background-color: #FFF100;
    color: #000;
    width: 150px;
    font-family: 'Poppins-Regular';
    cursor: pointer;
    text-align: center;
    padding: 8px 0px;
    border-radius: 5px;
    position: absolute;
    right: 10px;
    top: 0px;}
.user_lists tbody tr:nth-child(odd) td {
    background-color: #F9F9F9;
}
       .user_lists tbody tr:nth-child(even) td {background-color: #FFFFFF;}
       .user_lists tr td{ border-bottom:1px solid #cacecd;  }
        
/*User Form*/

.user_head{ font-family: 'Poppins-Bold'; font-size:20px;}
.User_Form{width:700px; margin:0 auto;  background-color:#fff; padding:20px; border-radius:10px;}
.left_form{ width:250px; float:left; padding-top:10px; }
.right_form{ width:280px; float:left; /*border-left:1px solid #E8E8E8;*/ padding-bottom:10px;}
.profile_imgdiv{ width:80px; text-align:center; margin:0 auto; border-radius:50%; border:1px solid #cacecd; height:80px; overflow:hidden; }
.profile_imgdiv img{ width:100%;}
.profile_chobtn{ width:130px; margin:10px auto; cursor:pointer; background-color:#FFF100; padding:5px 0px; text-align:center; font-size:14px; font-family: 'Poppins-Regular'; border-radius:10px;}

.form_text1{ font-family: 'Poppins-Regular'; font-size:14px;}
.user_filed{ width:250px; float:left; font-family: 'Poppins-Regular'; margin:10px 20px; }
.user_filed input[type="text"]{ font-family: 'Poppins-Regular'; padding:3px; width:100%; border-radius:7px; border:1px solid #cacecd;}
.user_filed select{ font-family: 'Poppins-Regular'; padding:3px; width:100%; border-radius:7px; border:1px solid #cacecd;}
.stock_select{font-family: 'Poppins-Regular';  margin:10px 20px 50px 20px; font-size:14px; }
.foemsubhead{ font-size:15px; margin:10px 0px; text-align:center; border-bottom:1px groove ; padding-bottom:10px;}
.stock_select input{ margin:0px 10px;}  
.form_save{width:150px; margin:40px auto; background-color:#FFF100; color:#000; font-family: 'Poppins-Bold'; text-align:center; cursor:pointer; border-radius:5px; padding:8px 0px; }
.check_field{ width:280px; float:left;  margin-left:30px; margin-bottom:10px;}
.Trend_select{ width:320px; float:left; }
.Strategy_select { width:320px; float:left; border-left:1px solid #E8E8E8;}
.capital_field input[type="text"]{ font-family: 'Poppins-Regular'; padding:3px; width:100%; border-radius:7px; border:1px solid #cacecd;}
.capital_field{ width:250px; margin:10px auto; text-align:center; }

.after_checkcl input{padding:3px; border:1px solid #cacecd; outline:none; border-radius:5px; width:130px; text-align:right;}
.atheraise_text{ font-family: 'Poppins-Regular'; text-align:center; font-size:17px;}
 .amt_plancli{ font-size:13px; color:rgba(0, 0, 0, 0.5);font-family: 'NunitoSans-Bold';}
 .capi_amtcli{ font-size:20px; color:#41424e;  font-family: 'NunitoSans-Bold';}
 .cli_monperiod{width:24%; float:left; text-align:center; min-height:50px;   padding:5px 0px; border-radius:5px; font-family: Poppins-Regular;}
 .cli_activepeiod{ background-color:#303964; color:#fff; }
.period_discount{ font-size:12px; font-family: Poppins-Bold; margin-top:-10px;}
.period_selection{ margin-bottom:50px; margin-top:20px;}
.cli_periodradio{ cursor:pointer;}
/*REPORT PAGE*/
.report_rigt {
    width: 200px;
    float: left;
    margin: 0px 5px;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    font-family: Poppins-Regular;
    padding: 5px 0px;
    font-weight: 600;
    border: 1px solid #cacecd;
}
.report_rigtactive{ background-color:#FFF100;}
.report_bodybtn{ width:auto; float:left; margin-top:10px;}

.robort_btnsfield{ margin-top:10px;}
.repo_field{ width:250px; float:left;}
.repo_field select{ width:150px; padding:5px 5px;}
.repo_field input{ width:120px; padding:5px 5px;}
.btn_submitrepo{width:200px; float:left; margin:0px 5px; text-align:center; background-color:#FFF100; cursor:pointer; border-radius:10px;  font-family:Poppins-Regular; padding:5px 0px; font-weight:600;  }
#reportrecome{ margin-top:20px;}
       #reportrecome thead  tr td{ font-size:13px; font-family: 'Poppins-Bold'; background-color:#E8E8E8; border:0.2px solid #cacecd;}
   
        #reportrecome thead{ text-align:center;}
        #reportrecome tr td{ position:relative; border:1px solid #cacecd;  border-radius:5px; font-size:12px; padding:10px;  font-family: 'Poppins-Regular';  max-height:80px;}
        #reportrecome tr td:first-child{ font-family: 'Poppins-Bold';}
        #table{ font-family: 'Poppins-Regular'; }
         #table tr { font-family: 'Poppins-Regular'; }
          #table tr td{ font-family: 'Poppins-Regular'; }
/*        POPUP PAYMENT*/

.popup-massge {
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    z-index: 999;
    margin-top: -10px;
    font-family: 'Poppins-Regular';
}
.popup-massge1 {
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    height: 100%;
    z-index: 999;
    margin-top: -10px;
    font-family: 'Poppins-Regular';
}
.pop-container {
    width: 35%;
    margin: 0 auto;
}
.pop-body {
    width: 100%;
    display: inline-block;
    margin-top: 30%;
    background-color: #fff;
    height: 10%;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
    padding: 10px;
}
.donot_remove, .profilesueess-show, .renewalert-show {
    font-size: 25px;
    margin-bottom: 5%;
}
.type-massge {
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-family: 'Poppins-Regular';
}


/*MULTIUSER PROFILE*/

.mutipro_left{ width:49.7%; font-family: 'Poppins-Regular'; } 
.mutipro_right{ width:49%;font-family: 'Poppins-Regular';  border-left:1px solid rgba(0,0,0,0.3);  }
.muti_personal{ width:90%; margin:0 auto; } 
.muti_subhead{ text-align:center; font-size:18px; margin:20px 0px; color:#3F6AD8; font-family:Poppins-Regular;}
.multi_profielt{ width:100%; display:inline-block; margin:8px 0px; }
.multi_profielt .multi_protext1{ width:40%; float:left; font-family: 'Poppins-Regular';}
.multi_profielt .multi_protext2{ width:4%; float:left; font-family: 'Poppins-Regular';} 
.multi_profielt .multi_protext3{ width:55.5%; float:left; font-family: 'Poppins-Regular';}
.changepass_btn{ background-color:#FFF100; text-align:center; width:200px; margin:0 auto; border-radius:10px; padding:5px 0px; cursor:pointer; margin-top:40px;}
.Addsubsc_btn{ background-color:#FFF100; text-align:center; width:200px; margin:0 auto; margin-bottom:20px; border-radius:10px; padding:5px 0px; cursor:pointer; margin-top:40px;}
 
table{ font-family:Poppins-Regular;}
.change_head{font-family:Poppins-Regular; text-align:center; margin-bottom:30px; font-size:20px; }
.change_body{ font-family:Poppins-Regular; width:270px; margin:30px auto;}
.change_field{ margin:10px 0px;}
.change_field input{ padding:6px 4px; width:100%; border-radius:5px; border:1px solid #cacecd;}
.change_field .change_text1{ font-size:14px; margin-bottom:5px; margin-top:15px;}
.change_fieldbtn{ background-color:#FFF100; text-align:center; padding:5px 0px; border-radius:5px; cursor:pointer; margin-top:30px;}

.subuser_profile { width:600px; margin:0 auto; }
.subuser_photo{ width:120px; float:left; }
.subuser_personal{width:450px; float:right; }
.bodyof_profile{ width:100%; background-color:#fff; margin:0 auto; border-radius:10px; }

.edit_btnuser{ width:400px; margin:30px auto;}
.edit_prouser{ width:100px;float:left; text-align:center; background-color:#FFF100; cursor:pointer; border-radius:5px; padding:5px 0px; font-family: 'Poppins-Regular';}
.edit_subsuser{width:250px;float:right; text-align:center; background-color:#FFF100; cursor:pointer; border-radius:5px; padding:5px 0px; font-family: 'Poppins-Regular';}
/*stock universe*/

.stock_symleft { font-family:Poppins-Regular; width:100%; margin-bottom:30px;}
.stock_symbody{ width:99%; margin:10px auto;}
.stock_symright{ width:100%; margin-top:30px;}
.sym_head { width:auto; float:left; padding:5px 10px; cursor:pointer; margin: 0px 10px 30px 10px; font-size:14px; border:1px solid #cacecd; border-radius:10px; font-family:Poppins-Regular; }
.sym_headactive{ background-color:#FFF100; }


@media only screen and (min-width:300px) and (max-width:504px) {

    .Home_Container{width:90%; margin:0 auto; }
    .log_left{ width:100%;  }
    .log_body{ width:300px;}
    .log_right{width:100%; }

    .log_logo{ width:100%; text-align:center; margin-top:30px;  margin-bottom:20px;}
    .log_logo img{ width:100%; }

    .log_logo{ width:250px; margin:20px auto;  text-align:center;}
    .log_logo img{ width:100%;   }

    .dash_right{width:320px; margin:0 auto; float:none; padding:0px;}
    .body_dashbord{ float:none; padding:0px;}
   

    .pop-container {
        width: 300px;
        margin: 0 auto;
    }
    .forg_field{ width:250px; margin:40px auto; font-size:16px; font-family: 'Poppins-Regular';}
    .forg_field input{width:100%; padding:3px; font-family: 'Poppins-Regular';}
    .sign_menu{ display:none; }
    .Home_mobile{ margin-top:200px; text-align:center; font-family: 'Poppins-Regular';}

    .User_Form{ width:300px; padding:20px 10px; }
    .Strategy_select { width:320px; float:left; border-left:none;}
    
}

                                   /* new css for performance*/


body {
    padding: 0;
    margin: 0;
    background-color: #F5F5F5;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.Home_Container{width:1300px; margin:0 auto; }
.pull_left { float:left;}
.pull_right { float:right;}
.pull_center{ margin:0 auto;}

.col_dsply{ width:100%; display:inline-block;}
.display_no{ display:none;}

::placeholder{
    color:#E8E8E8;
}
.Load_div{ position:fixed; width:100%; height:100vh; background-color:rgba(0,0,0,0.2); z-index:1000 }
.load_body { width:100px; margin:10% auto; }
.load_body img{ width:100px; }

.dataTables_info{  font-family: 'Poppins-Regular';}
	.paginate_button{  font-family: 'Poppins-Regular';}
    .dataTables_length{ font-family: 'Poppins-Regular';}
	.dataTables_filter{ font-family: 'Poppins-Regular';}
@font-face {
    font-family: 'NunitoSans-Bold';
    src: url('../Fonts/NunitoSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'NunitoSans-Regular';
    src: url('../Fonts/NunitoSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'NunitoSans-Light';
    src: url('../Fonts/NunitoSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../Fonts/Poppins-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../Fonts/Poppins-Regular.ttf') format('truetype');
}
/*Login CSS*/

.log_left{ width:49%; float:left; }
.log_right{width:49%; float:right; }
.sign_head{  font-family: 'Poppins-Bold'; font-size:24px;}
.signsub_text{ font-family: 'Poppins-Regular'; font-size:18px; margin-bottom:20px;}
.log_body{width:400px; margin:20px auto; }
.log_logo{ width:100%; text-align:center; margin-top:30px;  margin-bottom:20px;}
.log_logo img{ width:100%; }
.log_field{ width:100%; float:left; font-family: 'Poppins-Regular'; margin-bottom:10px; }
.log_field input[type="text"],.log_field input[type="password"]{ width:100%; padding:8px 0px 8px 10px; margin:5px 0px; font-family: 'Poppins-Regular'; border-radius:5px; border:1px solid #808080;}
.log_field .text_3{ font-size:16px;}
.log_field .text_4{ font-size:15px; color:#000;  text-align:right;}
.log_btn{ background-color:#FFF100; text-align:center; padding:8px 0px; border-radius:5px; cursor:pointer; margin-top:20px; font-family: 'Poppins-Bold';}
.show_pass{ position:absolute; right:10px; margin-top:15px; font-size:20px; cursor:pointer; color:rgba(0, 0, 0, 0.5)}
.log_text3{ color:rgba(0, 0, 0, 0.7)}
.Login_chobtn{ background-color:#fff; box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.2); font-size:16px; font-family: 'Poppins-Regular'; color:#000; padding:10px 0px;  text-align:center; border-radius:10px; width:200px; margin:30px auto; cursor:pointer;}
.Login_chobtn:hover{ color:rgba(0, 0, 0, 0.7);  font-family: 'Poppins-Bold';   box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.4);}
.bottomLogin_chobtn{ background-color:#0D509F; box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.4); font-size:16px; font-family: 'Poppins-Regular'; color:#fff; padding:10px 0px;  text-align:center; border-radius:10px; width:100%;  cursor:pointer;}
.bottomLogin_chobtn:hover{   transform: scale(1.01);  color:#E8E8E8;}
.top_ellips { position: absolute;  z-index: 998;}
.top_ellips img{ width:100%; }  
.right_img{ z-index:999; }
.right_img img{ width:100%; }
.err_msg{ color:red; font-family: 'Poppins-Regular'; font-size:13px;}
.pop_signbtn{ position:absolute;  width:400px; background-color:#fff;  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); padding:20px 0px; border-radius:10px;}
.sign_menu{ font-size:18px; cursor:pointer;  width:50px;}
.log_logoform{ width:250px; margin:20px auto;  text-align:center;}
.log_logoform img{ width:100%;   }
.contact_support{ font-family: 'Poppins-Regular'; font-weight:800; text-align:center; font-size:18px;}

/*.sign_menu:hover .pop_signbtn{ display:block;}*/

.forg_text{ text-align:center; font-family: 'Poppins-Regular'; font-size:18px;}
.forg_field{ width:300px; margin:40px auto; font-size:16px; font-family: 'Poppins-Regular';}
.forg_field input{width:100%; padding:3px; font-family: 'Poppins-Regular';}
.forget_btn{ width:100px; margin:20px auto; padding:5px; text-align:center; cursor:pointer; background-color:#FFF100; cursor:pointer; font-family: 'Poppins-Bold'; border-radius:5px;}
.succ_forg{ text-align:center; font-family: 'Poppins-Regular'; padding:20px 0px; }
.Inacive_field{ width:90%; margin:20px auto; font-size:16px; font-family: 'Poppins-Regular'; text-align:center; }
.logop{ width:300px; margin:10px auto;  text-align:center; padding:0; border:1px solid rgba(0, 0, 0, 0.3); border-radius:5px;}
.adlog{ width:49%; float:left; padding:5px 0px; margin-bottom:-5px;  border-radius:5px; cursor:pointer; font-size:20px;}
.cllog{ width:49%; float:right;  padding:5px 0px; margin-bottom:-5px; border-radius:5px;  font-size:20px; cursor:pointer;}
.logactive{ background-color:#000; color:#fff;  }

.bottom_logbtn{ width:60%;  margin:20px auto;}
.reg_btn{width: 110px; color:#fff; cursor:pointer; padding:5px 0px; text-align:center; cursor:pointer; border-radius:5px; font-size:18px;}
.cliregister_sub{ float: left; background-color: #F5A231; font-family: 'Poppins-Regular';}
.cliregister_can{ float: right; background-color: rgba(0, 0, 0, 0.5);  font-family: 'Poppins-Regular';}

/*menu DASH*/ 
/*.dash_left{ width:250px; float:left;  font-family: 'Poppins-Regular'; }
.dash_right{ width:1048px; float:left;  }

.dash_logo{width:170px; margin-top:10px; text-align:center; box-shadow:}
.dash_logo img{ width:100%; }
.menu_body{ }
.menu_field{ padding:10px; }*/
/*DASH BOARD*/
.dash_left {
    width: auto;
    position: absolute;
    background-color: #fff;
    z-index: 1000;
}
.dash_right{width:100%;  float:right; min-height:80vh; background-color:#F5F5F5; }
.loaddiv{ position:absolute; background-color:rgba(0, 0, 0, 0.3); width:100%; height:100%; z-index:999;}
.loadbody{ width:200px; margin:150px auto; }
.loadbody img{width:100%; }

.backlightgray {
    background-color: #E8E8E8;
}

.dashtop_logo{ width:150PX;  text-align:center; float:left;} 
.dashtop_logo img{ width:100%;}
.selecthead{ text-align:center; margin-bottom:-13px;   font-family: 'Poppins-Bold'; font-size:15px; color:#00B294;}
#selectcap{font-family: 'Poppins-Light'; font-size:14px; }
.down_arr{color:#FFF100; margin-left:10px; position:absolute; right:10px;}
.menu_body {
   
    padding: 10px 5px;
    margin-top: 20px;
    height: 80vh;
}
.section_menuhead {
    position: relative;
    font-family: 'Poppins-Bold';
    border-bottom: 1px solid #E8E8E8;
    cursor: pointer;
    text-align: left;
    padding: 5px 0px 5px 20px;
    font-size: 15px;
    background-color: #525252;
    color: #fff;
    margin-top: 5px;
}
.menu_li{ padding:12px 10px 5px 10px; border-radius:10px; height:30px;  font-size:14px; color:rgba(0, 0, 0, 0.6); font-family: 'Poppins-Bold'; cursor:pointer;  border-bottom:1px solid #E2E2E2;}
#Trent_section:hover .menutextside{display:block;}
.menulogoside{ text-align:left; width:30px; float:left;}
.menulogoside img{ width:20px;}
.menulogoside i{ width:20px; font-size:20px;}
.menutextside{ display:none; font-size:15px; margin-top:0px; text-align:left; font-weight:bold;  width:150px; float:left;   font-family: 'Poppins-Regular';}
.menutextside1{margin-top:5px; font-size:15px; font-weight:bold;  font-family: 'Poppins-Regular';}
.menuactive{background-color:#E8E8E8; font-size: 13px; font-weight:bolder;  font-family: 'Poppins-Bold'; border-top:1px solid #FFF100; border-bottom:1px solid #FFF100;}
.menu_li:hover{ /*background-color:#E8E8E8;*/ background-color:#FFF100; color:#000; font-size: 13px; font-weight:bolder; font-family: 'Poppins-Bold'; }

.profiles{ width:200px; float:right; text-align:right;  margin-right:50px; font-family: 'Poppins-Regular';}
.profiles_body{cursor:pointer; width:auto;}
.top_profile{ font-size:30px; margin-left:20px; cursor:pointer; color:rgba(0, 0, 0, 0.7);}
.fa-bell{ font-size:25px; margin-left:5px; color:#000; cursor:pointer;}
.doenload_report{ color:#0F81C0; cursor:pointer;}
.doenload_report:hover .fa-download{ font-size:18px;}
.down_chevron{ font-size:12px;}
.profile_pop{ position:absolute; display:none; width:200px; text-align:center; padding:10px 0px; right:10px; background-color:#fff; z-index:999; border-radius:10px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);}
.log_out{ text-align:center; background-color:#fff; cursor:pointer; }
.profiles:hover .profile_pop{ display:block; }
.Change_pass{ cursor:pointer; margin-top:10px; }
.Change_pass:hover,.log_out:hover{ font-weight:bolder;}

.top_dashhead {
    width: 100%;
    background-color: #fff;
    box-shadow: 2px 2px 5px 0.1px rgba(0, 0, 0, 0.1);
    padding: 5px 10PX 0px 10px;
}

.body_dashbord{ float:right; display:inline-block; padding:10px; margin-right:0px;}


.date_select{ width:150px; float:left;}
.date_select input{width:100%; padding:8px; margin:10px 5px; border-radius:5px; border:1px solid #cacecd; }
.date_change{width:350px; float:left; margin:10px 5px;}
.today_btn{ width:100px; float:right; text-align:center; font-family: 'Poppins-Regular'; background-color:#FFF100; border-radius:5px; padding:5px 0px; cursor:pointer; margin:0px 10px;}
.left_btnarr{  width:50px; float:right; text-align:center; font-family: 'Poppins-Regular'; border:1px solid #E8E8E8; padding:5px 0px; cursor:pointer;}
.right_btnarr{  width:50px; float:right; text-align:center; font-family: 'Poppins-Regular'; cursor:pointer; border:1px solid #E8E8E8; padding:5px 0px; cursor:pointer;}
.right_report{ width:130px; float:right; text-align:center; font-family: 'Poppins-Regular'; background-color:#FFF100; border-radius:5px; padding:5px 0px; cursor:pointer; margin-right:10px;  margin:10px 5px;}
.body_dashbord{ min-height:800px; }
    
       #recome thead  tr td{ font-size:13px; font-family: 'Poppins-Bold'; background-color:#E8E8E8; border:0.2px solid #cacecd;}
        #recome thead  tr td:first-child{ background-color:rgba(0, 0, 0, 0.7); color:#fff; font-family: Poppins-Bold}
        #recome thead{ text-align:center;}
        #recome tr td{ position:relative; border:1px solid #cacecd;  border-radius:5px; font-size:12px; padding:10px;  font-family: 'Poppins-Regular';  max-height:80px;}

         #insertlist tr td { vertical-align: top;}

.nodata_alert{ text-align:center; font-family: Poppins-Regular; font-size:18px; margin-top:80px;}
.recome_class{ top:10px;  }
.recomes_left{  width:auto; float:left;   color:green;  }
.recomes_left:hover{ max-height:none; }
.recomes_right{ width:auto; float:right; color:red;  }
.stocnamerecome{ position:absolute; margin-left:40px; padding:4px 5px; border-radius:5px; width:200px;  display:none; background-color:#000; color:#FFF100; z-index:999;}
.stocnamerecomema{ position:absolute; right:50px;  padding:4px 5px; border-radius:5px; width:200px;  display:none; background-color:#000; color:#FFF100; z-index:999;}
.symbol_recome{ cursor:pointer;  border-bottom:1px solid rgba(0, 0, 0, 0.5);}
.symbol_recome:hover .stocnamerecome{ display:block;}
.symbol_recome:hover .stocnamerecomema{ display:block;}
.recome_class .fa{ color:rgba(0, 0, 0, 0.3);}
.display0{ display:none;}
.circl_green{ background-color:green; border-radius:50%; color:#fff; padding:0px 5px; margin-left:5px;}
.circl_red{ background-color:red; border-radius:50%; color:#fff; padding:0px 5px; margin-left:5px;}
.eye_png { width:20px; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; float:right; cursor:pointer; position:relative; }
.eye_png img {width:17px;  }
.qty_boxL{ position:fixed; top:0px; width:100%; height:100%; left:0; background-color:rgba(0,0,0,0.2); z-index:1001; }
.qty_box{  width:500px; margin:30px auto; position:relative;  background-color:rgba(0,0,0,0.9); color:#E8E8E8;   padding:10px 20px;  border-radius:10px; font-family: 'Poppins-Regular';}
.qty_qty{ width:60px; float:left; text-align:center; }
.qty_sym{width:120px; float:left; }
.qty_name{width:280px; float:left; }
.qty_user{ text-align:center; font-size:16px; color:#FFF100;}
.qty_plan{ text-align:center; font-size:16px; color:#FFF100; margin-bottom:10px;}
.line_qty{ border-bottom:1px solid; border-color:#e1eff1;}
.head_qty{ font-size:14px;  font-family: Poppins-Bold; color:#fff;}
.close_qty{ position:absolute; right:20px; color:lightgray; font-size:16px; cursor:pointer;}
/*.BUY{ color:green; }
.SELL{ color:red}*/
/*        User Dashbord*/
.multiple_add {
    background-color: #FFF100;
    color: #000;
    width: 150px;
    font-family: 'Poppins-Regular';
    cursor: pointer;
    text-align: center;
    padding: 8px 0px;
    border-radius: 5px;
    position: absolute;
    right: 180px;
    top: 0px;
}
.multiple_bulkadd{  background-color: #FFF100;
    color: #000;
    width: 150px;
    font-family: 'Poppins-Regular';
    cursor: pointer;
    text-align: center;
    padding: 8px 0px;
    border-radius: 5px;
    position: absolute;
    right: 10px;
    top: 0px;}
.user_lists tbody tr:nth-child(odd) td {
    background-color: #F9F9F9;
}
       .user_lists tbody tr:nth-child(even) td {background-color: #FFFFFF;}
       .user_lists tr td{ border-bottom:1px solid #cacecd;  }
        
/*User Form*/

.user_head{ font-family: 'Poppins-Bold'; font-size:20px;}
.User_subsfom{width:1000px; margin:0 auto;  background-color:#fff; padding:20px; border-radius:10px;}
.User_Form{width:700px; margin:0 auto;  background-color:#fff; padding:20px; border-radius:10px;}
.left_form{ width:250px; float:left; padding-top:10px; }
.right_form{ width:280px; float:left; /*border-left:1px solid #E8E8E8;*/ padding-bottom:10px;}
.profile_imgdiv{ width:80px; text-align:center; margin:0 auto; border-radius:50%; border:1px solid #cacecd; height:80px; overflow:hidden; }
.profile_imgdiv img{ width:100%;}
.profile_chobtn{ width:130px; margin:10px auto; cursor:pointer; background-color:#FFF100; padding:5px 0px; text-align:center; font-size:14px; font-family: 'Poppins-Regular'; border-radius:10px;}

.form_text1{ font-family: 'Poppins-Regular'; font-size:14px;}
.user_filed{ width:250px; float:left; font-family: 'Poppins-Regular'; margin:10px 20px; }
.user_filed input[type="text"]{ font-family: 'Poppins-Regular'; padding:3px; width:100%; border-radius:7px; border:1px solid #cacecd;}
.user_filed select{ font-family: 'Poppins-Regular'; padding:3px; width:100%; border-radius:7px; border:1px solid #cacecd;}
.stock_select{font-family: 'Poppins-Regular';  margin:10px 20px 50px 20px; font-size:14px; }
.foemsubhead{ font-size:15px; margin:10px 0px; text-align:center; border-bottom:1px groove ; padding-bottom:10px;}
.stock_select input{ margin:0px 10px;}  
.form_save{width:150px; margin:40px auto; background-color:#FFF100; color:#000; font-family: 'Poppins-Bold'; text-align:center; cursor:pointer; border-radius:5px; padding:8px 0px; }
.check_field{ width:280px; float:left;  margin-left:30px; margin-bottom:25px;}
.Trend_select{ width:300px; float:left; }
.Strategy_select { width:300px; float:left; border-left:1px solid #E8E8E8;}
.capital_field input[type="text"]{ font-family: 'Poppins-Regular'; padding:3px; width:100%; border-radius:7px; border:1px solid #cacecd;}
.capital_field{ width:250px; margin:10px auto; text-align:center; }

.after_checkcl input{padding:3px; border:1px solid #cacecd; outline:none; border-radius:5px; width:130px; text-align:right;}
.atheraise_text{ font-family: 'Poppins-Regular'; text-align:center; font-size:17px;}
 .amt_plancli{ font-size:13px; color:rgba(0, 0, 0, 0.5);font-family: 'NunitoSans-Bold';}
 .capi_amtcli{ font-size:20px; color:#41424e;  font-family: 'NunitoSans-Bold';}
 .cli_monperiod{width:24%; float:left; text-align:center; min-height:50px;   padding:5px 0px; border-radius:5px; font-family: Poppins-Regular;}
 .cli_activepeiod{ background-color:#303964; color:#fff; }
.period_discount{ font-size:12px; font-family: Poppins-Bold; margin-top:-10px;}
.period_selection{ margin-bottom:50px; margin-top:20px;}
.cli_periodradio{ cursor:pointer;}

.passeye{ float: left; cursor:pointer; width: 10px; cursor:pointer;}
.passfield{ border: none; outline: none; float: left; width:130px}

/*REPORT PAGE*/
.report_rigt {
    width: 200px;
    float: left;
    margin: 0px 5px;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    font-family: Poppins-Regular;
    padding: 5px 0px;
    font-weight: 600;
    border: 1px solid #cacecd;
}
.report_rigtactive{ background-color:#FFF100;}
.report_bodybtn{ width:auto; float:left; margin-top:10px;}

.robort_btnsfield{ margin-top:10px;}
.repo_field{ width:250px; float:left;}
.repo_field select{ width:150px; padding:5px 5px;}
.repo_field input{ width:120px; padding:5px 5px;}
.btn_submitrepo{width:200px; float:left; margin:0px 5px; text-align:center; background-color:#FFF100; cursor:pointer; border-radius:10px;  font-family:Poppins-Regular; padding:5px 0px; font-weight:600;  }
#reportrecome{ margin-top:20px;}
       #reportrecome thead  tr td{ font-size:13px; font-family: 'Poppins-Bold'; background-color:#E8E8E8; border:0.2px solid #cacecd;}
   
        #reportrecome thead{ text-align:center;}
        #reportrecome tr td{ position:relative; border:1px solid #cacecd;  border-radius:5px; font-size:12px; padding:10px;  font-family: 'Poppins-Regular';  max-height:80px;}
        #reportrecome tr td:first-child{ font-family: 'Poppins-Bold';}
        #table{ font-family: 'Poppins-Regular'; }
         #table tr { font-family: 'Poppins-Regular'; }
          #table tr td{ font-family: 'Poppins-Regular'; }
/*        POPUP PAYMENT*/

.popup-massge {
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    z-index: 999;
    margin-top: -10px;
    font-family: 'Poppins-Regular';
}
.popup-massge1 {
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    height: 100%;
    z-index: 999;
    margin-top: -10px;
    font-family: 'Poppins-Regular';
}
.pop-container {
    width: 35%;
    margin: 0 auto;
}
.pop-body {
    width: 100%;
    display: inline-block;
    margin-top: 30%;
    background-color: #fff;
    height: 10%;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
    padding: 10px;
}
.donot_remove, .profilesueess-show, .renewalert-show {
    font-size: 25px;
    margin-bottom: 5%;
}
.type-massge {
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-family: 'Poppins-Regular';
}


/*MULTIUSER PROFILE*/

.mutipro_left{ width:49.7%; font-family: 'Poppins-Regular'; } 
.mutipro_right{ width:49%;font-family: 'Poppins-Regular';  border-left:1px solid rgba(0,0,0,0.3);  }
.muti_personal{ width:90%; margin:0 auto; } 
.muti_subhead{ text-align:center; font-size:18px; margin:20px 0px; color:#3F6AD8; font-family:Poppins-Regular;}
.multi_profielt{ width:100%; display:inline-block; margin:8px 0px; }
.multi_profielt .multi_protext1{ width:40%; float:left; font-family: 'Poppins-Regular';}
.multi_profielt .multi_protext2{ width:4%; float:left; font-family: 'Poppins-Regular';} 
.multi_profielt .multi_protext3{ width:55.5%; float:left; font-family: 'Poppins-Regular';}
.changepass_btn{ background-color:#FFF100; text-align:center; width:200px; margin:0 auto; border-radius:10px; padding:5px 0px; cursor:pointer; margin-top:40px;}
.Addsubsc_btn{ background-color:#FFF100; text-align:center; width:200px; margin:0 auto; margin-bottom:20px; border-radius:10px; padding:5px 0px; cursor:pointer; margin-top:40px;}
 
table{ font-family:Poppins-Regular;}
.change_head{font-family:Poppins-Regular; text-align:center; margin-bottom:30px; font-size:20px; }
.change_body{ font-family:Poppins-Regular; width:270px; margin:30px auto;}
.change_field{ margin:10px 0px;}
.change_field input{ padding:6px 4px; width:100%; border-radius:5px; border:1px solid #cacecd;}
.change_field .change_text1{ font-size:14px; margin-bottom:5px; margin-top:15px;}
.change_fieldbtn{ background-color:#FFF100; text-align:center; padding:5px 0px; border-radius:5px; cursor:pointer; margin-top:30px;}

.subuser_profile { width:600px; margin:0 auto; }
.subuser_photo{ width:120px; float:left; }
.subuser_personal{width:450px; float:right; }
.bodyof_profile{ width:100%; background-color:#fff; margin:0 auto; border-radius:10px; }

.edit_btnuser{ width:400px; margin:30px auto;}
.edit_prouser{ width:100px;float:left; text-align:center; background-color:#FFF100; cursor:pointer; border-radius:5px; padding:5px 0px; font-family: 'Poppins-Regular';}
.edit_subsuser{width:250px;float:right; text-align:center; background-color:#FFF100; cursor:pointer; border-radius:5px; padding:5px 0px; font-family: 'Poppins-Regular';}

.client_profielt{ width:200px; margin:0 auto; background-color:#FFF100; text-align:center; font-family:Poppins-Regular; padding:5px 0px; cursor:pointer; border-radius:5px; margin-top:20px;}
.Rest_send{ text-align:center; font-family:Poppins-Regular; color:green; margin-top:20px; font-size:18px; font-weight:bold;}

/*stock universe*/

.stock_symleft { font-family:Poppins-Regular; width:100%; margin-bottom:30px;}
.stock_symbody{ width:99%; margin:10px auto;}
.stock_symright{ width:100%; margin-top:30px;}
.sym_head { width:auto; float:left; padding:5px 10px; cursor:pointer; margin: 0px 10px 30px 10px; font-size:14px; border:1px solid #cacecd; border-radius:10px; font-family:Poppins-Regular; }
.sym_headactive{ background-color:#FFF100; }

.left_addcapi{ width:120px; float:left; }
.right_addcapi{ width:auto; float:left; }

@media only screen and (min-width:300px) and (max-width:504px) {

    .Home_Container{width:90%; margin:0 auto; }
    .log_left{ width:100%;  }
    .log_body{ width:300px;}
    .log_right{width:100%; }

    .log_logo{ width:100%; text-align:center; margin-top:30px;  margin-bottom:20px;}
    .log_logo img{ width:100%; }

    .log_logo{ width:250px; margin:20px auto;  text-align:center;}
    .log_logo img{ width:100%;   }

    .dash_right{width:320px; margin:0 auto; float:none; padding:0px;}
    .body_dashbord{ float:none; padding:0px;}
   

    .pop-container {
        width: 300px;
        margin: 0 auto;
    }
    .forg_field{ width:250px; margin:40px auto; font-size:16px; font-family: 'Poppins-Regular';}
    .forg_field input{width:100%; padding:3px; font-family: 'Poppins-Regular';}
    .sign_menu{ display:none; }
    .Home_mobile{ margin-top:200px; text-align:center; font-family: 'Poppins-Regular';}

    .User_Form{ width:300px; padding:20px 10px; }
    .Strategy_select { width:320px; float:left; border-left:none;}
    
}

