@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
	--th-darkGreen: #346e3c;
	--th-lightGreen: rgb(0 152 70 / 9%);
	--shadowColor:rgba(0,0,0,0.1);
	--primaryColor:#009846;
	--secondaryColor:#a18058;
	--lightSecondaryColor:#e9ddb0;
	--whiteColor:#fff;
	--blackText:#040510;
	--borderColor:#DAE0EF;
	--colorSuccess:#25AE8D;
	--colorError:#D94747;
	--darkText:#3E4E75;
	--mediumText:#81bb9b;
	--primaryBlue:#009846;
	--bgLight:#F4F7FE;
	--bgGreen:#25EC5D;
	--inputBorder:#B1BCD8;
	--yellow: #f6f792;
	--black: #333745;
	--blue: #77c4d3;
	--lightBlue: #daede2;
	--red: #ea2e49;
	--white: #fff;
}
body .page_wrapper{font-family: "Roboto", sans-serif;font-weight: 300;font-style: normal;}
.user_layout .text-success, .admin_layout .text-success{color: var(--primaryColor)!important;}
.form-select.select-dropdown{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("../assets/img/select-arrow.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size:auto;
	border-radius: 6px;
	border-color: var(--borderColor);
}
.form-select:focus, .form-control:focus{box-shadow: none!important;}
.blink-soft {
	animation: blinker 2s linear infinite;
}
@keyframes blinker {
	50% {
		opacity: 0;
	}
}
/*-----Login page styles------*/
.login-container{position: relative;background:linear-gradient(to bottom, var(--bgGreen), var(--primaryColor) 80%);display: flex;align-items: center;justify-content: center;}
.login-container .card{position:relative;z-index: 1;border: 0;border-radius: 15px;box-shadow: 0px 0px 15px var(--shadowColor);background-color: #fff;}
.login-container .card .logo{text-align: center;}
.login-container .card .left-col{background:#f7f7f7 url(../assets/img/register-bg.png)no-repeat center;background-size: contain;border-radius: 15px 0 0 15px;}
.login-container .card .login_form{background-color:#f7f7f7;border-radius: 0 15px 15px 0;}
.login-container .card .login_form h3{color: var(--primaryColor);}
.login-container .card .card-header, .reg_container .right-col .card-header{background-color: transparent;border-bottom: 0;}
.login-container .card .login_form form{width: 75%;margin: 0 auto;}
.login_form .input-group, .regForm .input-group{background-color:#fff;margin-bottom: 1.5rem;border-radius: 5px;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.login_form .input-group .form-control, .login_form .input-group .input-group-text, .regForm .input-group .form-control, .regForm .input-group .input-group-append .btn{background-color: transparent;border: 0;}
.login_form .input-group .input-group-text, .regForm .input-group .input-group-append .btn{color: var(--primaryColor);padding: 0.375rem;}
.login_form input:-webkit-autofill,
.login_form input:-webkit-autofill:hover, 
.login_form input:-webkit-autofill:focus, 
.login_form input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px #fff inset !important;}
.login_form .btn-login, #reg_page .btn-login{text-transform: uppercase;font-weight: 600;border-radius: 5px;padding: .5rem 1.5rem;width: 100%;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);background-color: var(--primaryColor);color: #fff;}
.text-link{color: var(--primaryColor);font-weight: 500;}
.text-link:hover{color: var(--th-darkGreen);}
.login-container .card .alert{position: absolute;right: 15px;z-index: 99;}
/*-----End Login page styles-----*/
.reg_container .right-col{background-color: var(--primaryColor);border-radius: 0 15px 15px 0;padding: 2rem 1rem;}
.reg_page .alert{position: fixed;top:10px;right: 10px;z-index: 99;}
.regForm .form-label{color: #565656;font-weight: 500;margin-bottom: 0;font-size: 14px;}
.regForm .form-control{border-radius: 5px;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);border: 1px solid #eee;}
.regForm .input-group .form-control{box-shadow: none;}
.referal-btn{background-color: #f2f2f2;border: 1px dashed var(--th-darkGreen);border-radius: 20px;color: var(--primaryColor);}
.referal-btn:hover{background-color: #eee;}
.ref_code{position: relative;}
#referal_checkbox{position: absolute;right: 30px;top: auto;bottom: 6px;}
.regForm .custom-checkbox{font-weight: 400;color: #565656;font-size: 14px;}
.regForm .custom-checkbox input{margin-right: 5px;}
.regForm .custom-checkbox a{color:var(--primaryColor);font-weight: 500;}
#reg_page .reg_container .right-col header{background-color: transparent;box-shadow: none;}
#mobileForm .input-group{align-items: center;justify-content: center;}
#mobileForm .input-group label{display: none;}
#mobileForm .input-group p{margin-bottom: 0;}
#mobileForm .input-group .input-group-text{margin-right: 15px;border-radius: 8px;font-weight: 500;background-color: #eee;}
#reg_page .title span{color: #0dc942;}
#reg_page .icon{text-align: center;margin-bottom: 1rem;}
#reg_page .icon svg{font-size: 2.5rem;color: #0dc942;}
#otp-step .form-control{border-radius: 0;border-width: 0 0 1px;background-color: transparent;}
#sendEmailOtpBtn{border: 0;background-color: transparent;color:var(--primaryColor);margin-top: 6px;font-weight: 600;}
/*-----Header styles-----*/
.page_wrapper .sb-topnav{background-color: #fff;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}
.page_wrapper .sb-topnav .dropdown-toggle span.user-icon{display: inline-block;width: 35px;height: 35px;background-color: var(--bgLight);border-radius: 50%;color: var(--primaryBlue);line-height: 35px;text-align: center;}
#sidebarToggle{color: var(--primaryColor);}
.page_wrapper .sb-topnav .dropdown-toggle span.user-name{font-weight: 500;color: var(--blackText);text-transform: capitalize;}
.page_wrapper .sb-topnav .dropdown-menu{border: 0;box-shadow:0px 0px 12px var(--shadowColor);}
.page_wrapper .sb-topnav .dropdown-menu li{padding: .5rem;}
.page_wrapper .sb-topnav .dropdown-menu li .dropdown-item{color: #666;}
.admin_layout .sb-topnav .searchForm{display: none;}
.page_wrapper .sb-topnav .nav-link{position: relative;}
.page_wrapper .sb-topnav .nav-link.nav-notify{line-height:42px;margin-right: 15px;}
#bellCount{font-size: 20px;vertical-align: -6px;}
.nav-notify .count{
	position: absolute;
	right: 0%;
	top: 20%;
	font-size: 60%;
	padding: .6em;
	border-radius: 999px;
	line-height: .75em;
	color: white;
	background: var(--primaryColor);
	text-align: center;
	min-width: 2em;
	font-weight: bold;
}
.nav-notify.dropdown-toggle::after{display: none;}
.sb-topnav .notify-dropdown.dropdown-menu{padding: 0;}
.page_wrapper .sb-topnav .dropdown-menu.notify-dropdown li.dropdown-header{background-color: var(--primaryBlue);border-radius: 6px 6px 0 0;padding: .5rem 1rem;}
.notify-dropdown .dropdown-header h6{color: #fff;margin-bottom: 0;}
.sb-topnav .notify-dropdown.dropdown-menu li .dropdown-item.view-all-link{text-align: center;color: var(--primaryColor);font-weight:600;padding: 0 0 10px;}
.sb-topnav .notify-dropdown .dropdown-divider{margin: 0;}
.sb-topnav .notify-dropdown.dropdown-menu li ul{list-style: none;margin: 0;padding: 0;}
.sb-topnav .notify-dropdown.dropdown-menu li ul li{color: var(--black);}
.sb-topnav .notify-dropdown li ul li span{font-weight: 500;}
.sb-topnav .notify-dropdown li ul li span.notification_entry{color: var(--primaryColor);}
.sb-topnav .notify-dropdown li ul li span.notification_tsl, .sb-topnav .notify-dropdown li ul li span.notification_partial, .sb-topnav .notify-dropdown li ul li span.notification_tsl_hit{color: #0dc942;}
.sb-topnav .notify-dropdown li ul li span.notification_full_hit{color: #0dc942;}
.sb-topnav .notify-dropdown li ul li span.notification_sl_hit{color: var(--colorError);}
/*-----Sidebar styles-----*/
.sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_nav{width: 230px;z-index: 1050;border-right: 1px solid var(--borderColor);flex-basis:230px;transform:translateX(-230px);}
.sb-nav-fixed.admin_layout #layoutSidenav #layoutSidenav_nav{width: 280px;}
.admin_layout #layoutSidenav #layoutSidenav_nav{transform:translateX(-280px);flex-basis:280px;}
.admin_layout.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav{transform:translateX(0px);}
.sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_nav .sb-sidenav{padding-top: 20px;}
.sb-nav-fixed .page_wrapper .sb-sidenav .navbar-brand{display: inline-block;width: 100%;text-align: center;padding: 0 1rem 1rem;}
.sb-nav-fixed .page_wrapper .sb-sidenav .navbar-brand img.lg-logo{width: 100%;}
.sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_content{padding-left: 230px;}
.sb-nav-fixed.admin_layout #layoutSidenav #layoutSidenav_content{padding-left: 280px;}
.sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu{overflow-y: hidden;}
.sidebarMenu{margin-top: 1rem;height: calc(100% - 100px);overflow-y: auto;}
.sb-nav-fixed .page_wrapper .sb-sidenav .sidebarMenu.nav .nav-link .sb-nav-link-icon{width: 22px;}
.sidebarMenu.nav .nav-link .sb-nav-link-icon svg{vertical-align: -.3rem;width: 20px;height: 20px;}
.sidebarMenu .nav-link{font-size: 1rem;padding: 1rem 1.5rem;font-weight: 500;}
.sb-nav-fixed .sb-sidenav .sidebarMenu.nav .sb-sidenav-menu-heading{text-align: center;color: #fff;font-size: 13px!important;word-wrap: break-word;padding: 0 12px 2rem;}
.sb-sidenav-toggled .sidebarMenu .sb-sidenav-menu-heading{display: none;}
.sidebarMenu .nav-link{margin-bottom: 10px;}
/*---------user sidebar link css-------------*/
.sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_nav .user_sidenav{background-color:var(--whiteColor);}
.user_sidenav .sidebarMenu.nav .nav-link .sb-nav-link-icon svg{color: var(--mediumText);}
.sb-sidenav.user_sidenav .sb-sidenav-menu .sidebarMenu .nav-link{color:var(--darkText);}
.sb-sidenav.user_sidenav .sb-sidenav-menu .sidebarMenu .nav-link:hover, .sb-sidenav.user_sidenav .sb-sidenav-menu .sidebarMenu .nav-link.active, .sb-sidenav.user_sidenav .sb-sidenav-menu .sidebarMenu .nav-link.active .sb-nav-link-icon svg{color: var(--primaryBlue);}
/*---------expert/admin sidebar link css-------------*/
.sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_nav .expert_sidenav{background-color:var(--primaryColor);}
#layoutSidenav #layoutSidenav_nav .expert_sidenav .sidebarMenu .nav-link{color: #fff;}
.sb-sidenav.expert_sidenav .sb-sidenav-menu .sidebarMenu .nav-link:hover, .sb-sidenav.expert_sidenav .sb-sidenav-menu .sidebarMenu .nav-link:focus{background-color:#fff;color: var(--primaryBlue)!important;}
.expert_sidenav .sidebarMenu .nav-link span{margin-top: 4px;}
.expert_sidenav .lg-logo, .user_sidenav .light-logo{display: none;}
.expert_sidenav .light-logo{width: 100%;}
/*-----End Header/sidebar styles-----*/
/*-----End Footer styles-----*/
.page_wrapper footer{background-color: #FFF;padding: 10px 0;}
footer a{color:var(--mediumText);font-weight: 500;font-size: 14px;text-decoration: none;}
footer a:hover{color: var(--primaryColor);}
/*-----End Footer styles-----*/
/*-------Pages Styles----------*/
.heading, .page_titles{color: var(--blackText);font-weight: 500;}
.page_heading{color: var(--darkText);}
.user_layout .card{border-color: var(--borderColor);border-radius: 14px;}
.page_wrapper .searchForm .input-group .form-control{background-color: #fff;border-radius: 15px 0 0 15px;border: 0;}
.page_wrapper .form-control:focus{box-shadow: none;}
.page_wrapper .searchForm .input-group .btn{background-color: #fff;border: 0;border-radius: 0 15px 15px 0;color: var(--primaryColor);}
/*---------table styles----------*/
.table-card .table tr th, .dataTable-card  .table tr th{background-color: #bcffdb;}
.table-card .table tr th:first-child, .dataTable-card .table tr th:first-child{border-top-left-radius: 14px;}
.table-card .table tr th:last-child, .dataTable-card .table tr th:last-child{border-top-right-radius: 14px;}
.table-card .table tr:last-child td:first-child, .dataTable-card .table tr:last-child td:first-child{border-bottom-left-radius: 14px;}
.table-card .table tr:last-child td:last-child, .dataTable-card .table tr:last-child td:last-child{border-bottom-right-radius: 14px;}
.table-card .table tr th, .table-card .table tr td, .dataTable-card .table tr th, .dataTable-card .table tr td{border-color: #DAE0EF;}
/*-------------DataTable styles---------------*/
.table-card div.dt-container .dt-input{background-color: #fff;border: 1px solid var(--borderColor);margin: 0 5px;}
.dataTable-card .table.dataTable{border: 0;}
.dataTable-card .table.dataTable tr th{background-color:#bcffdb}
.dataTable-card  .dt-layout-table{border:1px solid #DAE0EF;border-radius: 14px;}
.dataTable-card .dataTables_length, .dataTable-card .dataTables_info{margin-left: 15px;margin-bottom: 1rem;}
.dataTable-card .dataTables_filter, .dataTable-card .dataTables_paginate{margin-right: 15px;margin-bottom: 1rem;}
.dataTable-card table.dataTable.no-footer{border-bottom: 0;margin-bottom: 1rem;}
.dataTable-card .dataTables_wrapper .dataTables_length select, .dataTable-card .dataTables_wrapper .dataTables_filter input, .dataTable-card div.dt-container select.dt-input, .dataTable-card div.dt-container .dt-search input{background-color: #fff;border-color: #b1bcdb;border-radius: 6px;}
.dataTable-card div.dt-container select.dt-input{margin: 0 6px;}
.dataTable-card div.dt-container.dt-empty-footer tbody > tr:last-child > *{border-bottom: 0;}
.dataTable-card div.dt-container .dt-search input{background: #fff url(../assets/img/search.svg)no-repeat;background-position: 95% center;}
.dataTable-card div.dt-container .dt-paging .dt-paging-button{background: #fff!important;border-radius: 5px;margin: 0 5px;border-color: #DAE0EF;}
.dataTable-card table.dataTable th.dt-type-numeric, .dataTable-card table.dataTable th.dt-type-date, .dataTable-card table.dataTable td.dt-type-numeric, .dataTable-card table.dataTable td.dt-type-date{text-align: center;}
.dataTable-card div.dt-container .dt-paging .dt-paging-button.first, .dataTable-card div.dt-container .dt-paging .dt-paging-button.last{display: none;}
.dataTable-card table.dataTable > tbody > tr.dt-hasChild.dtr-expanded td{background-color: #fff;border-bottom: 0;}
.dataTable-card table.dataTable > tbody > tr.child span.dtr-title{font-weight: 500;}
.dataTable-card table.dataTable > tbody > tr.child td{background-color: #fafafa;}
/*-----dashboard styles-----*/
/*---------User dashboard--------------*/
.user_layout{background-color: var(--bgLight);}
.add-money-card span, .plan-info .list-scroll-text p{color: var(--mediumText);font-weight: 500;line-height: 24px;}
.add-money-card .card-footer{background-color:transparent;border-top: 0;border-radius:0 0 14px 14px!important;padding: .6rem 1rem;}
.add-money-card .card-footer .input-group{justify-content: space-between;align-items: center;}
.add-money-card .card-footer .input-group .form-control{background-color: transparent;border: 0;}
.add-money-card .card-footer .input-group .btn{background-color:var(--primaryBlue);color:#fff;border-radius: 15px 15px 15px 15px!important;font-weight: 600;font-size: 14px;}
.add-money-card .form-label{font-size: 14px;font-weight: 500;color: var(--mediumText);}
.sub-plan-card .plan-info{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.sub-plan-card .plan-info .list-icon svg, .broking-acc-card .list-icon svg{width: 30px;height: 30px;}
.plan-info .list-scroll-text a, .plan-info .list-scroll-text .btn{color: var(--primaryBlue);font-size: 1rem;}
.broking-acc-card .broker-list{background-color: #eee;border-radius: 14px;display: flex;align-items: center;margin-bottom: 1rem;padding: .6rem 1rem;}
.broking-acc-card .broker-list img{width: 150px;}
.broking-acc-card .list-icon{margin-bottom: 0;}
.broking-acc-card .list-icon svg{vertical-align:text-top;}
.plchartCard .card-header{background-color: transparent;border-bottom: 0;padding-top: 1rem;}
.analytics-card.card .card-text{font-weight: 500;color: var(--mediumText);}
.analytics-card.card .card-title.text-success{color: var(--primaryColor)!important;}
.analytics-card .icon{width: 60px;height: 60px;line-height: 60px;border-radius: 6px;background-color: var(--bgLight);color: var(--primaryColor);text-align: center;margin: 0 auto;}
.analytics-card .icon svg{height: 2em;}
#toggleButton{border: 0;padding: 0;background-color: #fff;color: var(--primaryColor);}
/*---------End User dashboard--------------*/
/*---------Buttons styles--------------*/
/* btn add */
.btn.btn-info{background-color: var(--bgLight)!important;border-color: var(--inputBorder)!important;color: var(--primaryColor)!important;}
.btn.btn-success{background-color: var(--primaryColor)!important;color: #fff!important;}
.btn.btn-remove{border-color: var(--colorError);color: var(--colorError);background-color: #fdf5f5;}
.mainContent .btn-with-icon, .user_dashboard .btn-with-icon{padding: 0 15px 0 0;border-radius: 30px!important;font-weight: 600;}
.mainContent .btn-with-icon span, .user_dashboard .btn-with-icon span{display: inline-block;border-radius: 50%;background-color: #fff;margin-right: 15px;width: 40px;height: 40px;line-height: 38px;}
.mainContent .add-btn{border: 2px solid var(--th-lightGreen);font-weight: 600;background-color:var(--th-lightGreen) ;border-radius: 10px;}
.mainContent .add-btn:hover{background-color: var(--th-lightGreen);color: #fff;}
.mainContent .add-btn span{color: #00bf62;}
/* btn edit */
.mainContent .edit-btn{width: 28px;height: 28px;border-radius: 50%;line-height: 24px;text-align: center;background-color: transparent;border: 0;color: var(--th-lightGreen);padding: 0;}
.mainContent .edit-btn span{color: #00bf62;}
/* btn-close */
.mainContent .close-btn{width: 28px;height: 28px;border-radius: 50%;line-height: 24px;text-align: center;background-color: transparent;border: 0;color: #eb0e6a;padding: 0;}
.mainContent .close-btn span{color:#eb0e6a;}
/* btn-save */
.mainContent .btn-save, .btn-save:hover, .user_dashboard .btn-save{background-color: #fff;color: var(--primaryColor);}
.mainContent .btn-save span, .user_dashboard .btn-save span{background-color: var(--primaryColor);color: #fff;}
.customModal .btn-save{border: 2px solid var(--primaryColor);color: var(--primaryColor);border-radius: 10px;font-weight: 600;}
.customModal .btn-save:hover{background-color: var(--primaryColor);color: #fff;}
.card.details-card .btn-save, .card.perma-card .btn-save{border: 1px solid var(--primaryColor);}
/*---------End Buttons styles--------------*/
/*---------User Inner Pages styles--------------*/
.user_dashboard .card.api-card .card-header{background-color: #fff;border-bottom: 0;display: flex;justify-content: center;min-height: 150px;align-items: center;}
.user_dashboard .card.api-card .card-header img{width: 80%;border-radius: 10px;}
.card.api-card .btn{width: 100%;font-size: 1rem;padding: .5rem 1rem;margin-top: 1rem;border-radius: 50px;font-weight: 600;}
.card.api-card .add-btn{background-color: #fff;border-color: var(--primaryColor);color: var(--primaryColor);}
.card.api-card .add-api{background-image: linear-gradient(to bottom right, var(--primaryBlue) 30%, var(--primaryColor));color: #fff;}
.details-card .btn-success{background-color: var(--primaryColor)!important;}
#positionsTabs{margin-bottom:1.5rem;border-bottom:0;}
#positionsTabs .nav-item{padding-right: 10px;}
#positionsTabs .nav-item .nav-link{text-align: center;position: relative;z-index: 10;border: 1px solid var(--primaryColor);border-radius: 15px;color: #565656;font-weight: 600;background-color: #fff;}
#positionsTabs .nav-item .nav-link.active{background-color: var(--primaryColor);color: #fff;}
.custom-tabs.nav-tabs{border-bottom: 0;}
.custom-tabs.nav-tabs .nav-link{background-color: #fff;border: 1px solid var(--primaryColor);color: var(--primaryColor);border-radius: 50px;margin-right: 6px;font-weight: 600;}
.custom-tabs.nav-tabs .nav-link.active{background-color: var(--primaryColor);color: #fff;}
.strategy_page .card-stategy .card-body{padding: 1.5rem 2rem;}
.strategy_page .card-stategy span{color: var(--mediumText);font-weight: 500;}
.strategy-description p{color: var(--darkText);font-weight: 400;}
.strategy_page .card-stategy .col-12{border-right: 2px solid var(--inputBorder);}
.strategy_page .card-stategy .col-12:last-child{border-right:0;}
.card-stategy .capitalAmt{background-color: var(--bgLight);text-align: center;padding: 1rem;border-radius: 5px;}
.capitalAmt label{color: var(--darkText);font-weight: 500;}
.capitalAmt h6{color: var(--primaryColor);font-size: 1.5rem;margin-bottom: 0;}
.position_page .curved-div{flex-direction: row;padding: 4px 10px 4px 4px;align-items: center;}
.position_page .curved-div .icon{position: relative;right: unset;top: unset;text-align: center;border-radius: 6px;background-color: var(--primaryColor);color: #fff;border-radius: 10px;}
.position_page .curved-div>.inner{padding: 0 1rem;width: 85%;}
.position_page .curved-div>.inner h5{color: #000;margin-bottom: 0;}
.position_page .curved-div>.inner h3{margin: 0;white-space: break-spaces;word-break:break-all;}
.position_page .blink-soft{font-weight: 600;text-align: right;}
.position_page .blink-soft.text-warning{color: rgb(255 112 7) !important;}
.position_page .blink-soft .badge{background-color: #fff;border: 1px solid var(--primaryBlue);color: var(--primaryColor);display: inline-block;padding: 6px;font-size: 1rem;}
/*-------------Report styles-------------*/
.report-tabs .nav-tabs{border-bottom: 0;}
.report-tabs .nav-tabs .nav-link.active, .report-tabs .nav-tabs .nav-item.show .nav-link{background-color: var(--primaryColor);color: #fff;}
.report-tabs .nav-tabs .nav-link{border: 1px solid var(--primaryColor);color: var(--primaryColor);background-color: #fff;border-radius: 50px;margin-right: 10px;font-weight: 600;}
.btn.btn-report{background-color: var(--primaryColor);border-color: #DAE0EF;border-radius: 50px;color: #fff;font-size: 14px;font-weight: 500;}
.btn.btn-report:hover{background-color: var(--primaryColor);color: #fff;}
.report_page .tab-content > .tab-pane{position: relative;}
.report_page .tab-pane #total_profit{padding: 5px 15px;background-color:#fff;border-radius: 6px;border:1px solid var(--darkText);color: var(--primaryColor);font-size: 1rem;font-weight: 500;text-align: center;}
.report_page .table-card .dt-length{margin-left: 15px;}
.report_page .tab-content > .tab-pane .btn.btn-report{line-height:24px;}
.report_page .tab-content .form-select{border-color: var(--primaryColor);background-color: #ecf0fb;}
.report_page .dataTable-card .table.dataTable tr th:first-child{width: 6%!important;}
#position_details tr td:first-child{width: 12%;}
#position_details tr td:nth-child(2){width: 35%;}
#order_details tr td:first-child{width: 10%;}
/*---------End User Inner Pages styles--------------*/
/*-------admin dashboard styles-----------*/
.all_notifications .list-group .list-group-item{padding: 1rem 10px;}
.all_notifications .list-group .list-group-item .date{color: var(--darkText);font-weight: 500;}
.all_notifications .list-group .list-group-item p{color: var(--black);font-weight: 500;font-size: 18px;}
.all_notifications .list-group .list-group-item p span{font-weight: 600;}
.all_notifications .list-group .list-group-item p span.notification_entry{color: var(--primaryColor);}
.all_notifications .list-group .list-group-item p span.notification_tsl, .all_notifications .list-group .list-group-item p span.notification_partial, .all_notifications .list-group .list-group-item p span.notification_tsl_hit,.all_notifications .list-group .list-group-item p span.notification_full_hit{color: #0dc942;}
.all_notifications .list-group .list-group-item p span.notification_sl_hit{color: var(--colorError);}
.admin_layout .mainContent{background-color:var(--bgLight);}
.page_wrapper .mainContent{height: 100%;}
.page_wrapper .form-control{border-color:var(--inputBorder);}
.admin_layout .mainContent .card{border: 0;border-radius: 14px;box-shadow: 0px 0px 12px var(--shadowColor);}
.chart-card .card-header{background-color: transparent;border-bottom: 0;display: flex;align-items: center;padding: 12px 1rem;}
.chart-card .card-header h5{margin-bottom: 0;}
.chart-card .card-header .form-select, .order-card .form-select{border-radius: 6px;border-color: var(--borderColor);}
.trader_cards{padding: 1.5rem;}
.trader_cards .icon{background-color: #EBF0FE;width: 80px;height: 80px;line-height: 80px;text-align: center;border-radius: 6px;margin-right: 1rem;}
.trader_cards .icon img{width: 30px;}
.trader_cards .count h6{color: var(--mediumText);}
.perma-card .form-check-label{font-weight: 500;color: var(--darkText);}
.perma-card .form-label{font-weight: 500;color: var(--mediumText);}
/* .trader_cards .active-traders, .trader_cards .enrolled-traders, .trader_cards .active-bots, .trader_cards .pending_payment{padding: 1rem 10px;text-align: center;height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;}
.trader_cards .active-traders{background-color: #fffbe6;}
.trader_cards .enrolled-traders{background-color: #FEE8E8;}
.trader_cards .active-bots, .curved-div.bg-success{background-color: rgba(37, 174, 141, 0.1)!important;}
.trader_cards .pending_payment, .curved-div.bg-primary{background-color: rgba(0, 0, 255, 0.1)!important;}
.trader_cards h6, .trader_cards .clients-sub label{font-weight: 500;color: var(--darkText);}
.trader_cards .border-bottom{border-bottom: 2px solid #fff!important;} */
.subscriber-tabs .nav-tabs{width: auto;border-bottom: 0;}
.subscriber-tabs .nav-tabs .nav-link{margin-bottom: 0.5px!important;background-color: #fff;border: 1px solid #DAE0EF;border-radius: 20px;margin-right: 6px;font-weight: 500;}
.subscriber-tabs .nav-link.active{border:0;}
.subscriber-tabs .nav-link.text-warning.active{background-color: rgb(255 193 7 / 100%);color: #000!important;}
.subscriber-tabs .nav-link.text-success.active{background-color:var(--colorSuccess);color: #fff!important;}
.subscriber-tabs .nav-link.text-danger.active{background-color: var(--colorError);color: #fff!important;}
.subscriber-tabs .nav-link.text-warning{border-color: rgb(255 193 7 / 100%);}
.subscriber-tabs .nav-link.text-success{border-color: var(--colorSuccess);color: var(--colorSuccess)!important;}
.subscriber-tabs .nav-link.text-danger{border-color: var(--colorError);color: var(--colorError)!important;}
/*--------trader page styles-----*/
.card.card-trader{background-color: #fff!important;box-shadow: none!important;padding: 1rem;}
.card-trader.curved-div .icon{color: var(--mediumText);}
.card-trader.curved-div h5{color: var(--darkText);}
#all_traders td .btn{width: 40px;height: 40px;padding: 0;text-align: center;line-height: 40px;border-radius: 50%;}
.trader-group-bot .bot-card{display: flex;align-items: center;flex-direction: row;border-bottom: 1px solid var(--borderColor);padding: 5px;}
.trader-group-bot .bot-card .icon{margin-right: 1rem;width: 15%;text-align: center;border-radius: 14px;height: 80px;line-height: 80px;}
.trader-group-bot .bot-card .icon.active{background-color: var(--th-lightGreen);}
.trader-group-bot .bot-card .icon.inActive{background-color: rgb(255 0 0 / 6%);}
.trader-group-bot .bot-card .icon img{width: 60px;}
.trader-group-bot .bot-card .bot-info{width: 85%;padding: 1rem 0;}
.trader-group-bot .bot-card .bot-info .bot-name{cursor: pointer;}
.trader-group-bot .bot-card .bot-info .bot-name:hover h5, .trader-group-bot .bot-card .bot-info .bot-name:hover p{text-decoration: none!important;}
.trader-group-bot .bot-card .bot-info .bot-name:hover h5{color: var(--primaryColor);}
.trader-group-bot .bot-card .bot-info p{color: var(--mediumText);font-weight: 500;}
.trader-group-bot .bot-card .bot-info .toggle{display: inline-block;vertical-align: middle;}
.trader-group-bot .bot-card .config-btn{border: 0;color: var(--mediumText);height: 40px;padding: 0 5px;line-height: 1;}
.trader-group-bot .bot-card .config-btn svg{padding: .5rem;font-size: 1.2rem;}
.trader-group-bot .bot-card .config-btn:hover{color:var(--primaryColor);}
.trader-group-bot .card.bot-card .config-btn:disabled{border: 0;opacity: .4;}
.trader-group-bot .bot-card .bot-info .btn svg{font-size: 1.2rem;}
.bot-card .toggle-label{font-weight: 600;font-size: 14px;}
.copy-trading .trader-group-bot .bot-card .config-btn svg{padding: 0;}
.copy-trading .trader-group-bot .bot-card{background-color:rgba(0, 0, 0, 0.04);border-radius: 6px;padding-left: 1rem;}
/* .bot-card .config-btn{border-radius: 20px;background-color:#fff;font-weight: 500;font-size: 1rem;padding: .5rem 1.5rem;color:var(--primaryColor);}
.bot-card .config-btn:hover{border-radius: 20px;background-color: var(--primaryColor);color: #fff;} */
#success_subscribers tr td:last-child, #pending_subscribers tr td:last-child{text-align: right;}
.card-subscribe{padding: 1rem;}
.card-subscribe .add-money-card{background-color: #ECFFF7;width: 95%;border: 0;padding: 1rem 10px 1.5rem;}
.user_dashboard .add-money-card h4{color: var(--primaryColor);}

.card-subscribe .btn-add-sub{background-color: var(--th-lightGreen);color: #fff;border-radius: 30px!important;font-weight: 600;padding-left: 0;}
.card-subscribe .btn-add-sub span{display: inline-block;border-radius: 50%;background-color: #fff;width: 28px;height: 28px;line-height: 28px;color: var(--primaryColor);margin-right: 10px;}
.card-subscribe .card-data{background-color: #EEFFF7;border: 0;
  padding: 1rem;}
.card-subscribe .card-data .month-year-dropdown{margin-bottom: 1.5rem;}
.card-subscribe .card-data .month-year-dropdown .select-dropdown{background-color: #45ABDD;
	color: #000;
	border-radius: 20px;
	text-align: center;
	display: inline-block;
}
.card-subscribe .card-data label{color: #767676;}
.dashboard, .mainContent{padding: 2rem 0;}
.dashboard h1, .mainContent h1, .user_dashboard h1{color: var(--th-darkGreen);margin-bottom: 2rem;}
.dashboard .bot-card{border: 0;border-radius: .5rem;box-shadow: 0px 0px 20px var(--shadowColor);padding: 0 .5rem 1rem;}
.dashboard .bot-card .card-header{background-color: transparent;padding: 1rem;margin-bottom: 1rem;}
.dashboard .bot-card .card-header h3{margin-bottom: 0;color: var(--primaryColor);}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: transparent;border-radius: 10px;}
::-webkit-scrollbar{width: 10px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color:#cdcdcd;border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.card.details-card{box-shadow: none;}
.card.details-card .card-header{border-bottom: 0;background-color: transparent;}
.card.details-card .form-group{margin-bottom: 1.5rem;align-items: center;}
.card.details-card .form-label{text-align: right;margin-bottom: 0;}
.card.details-card .input-group{background-color: #eee;border-radius: 15px;}
.card.details-card .input-group .form-control{border: 0;background-color: transparent;}
.card.details-card .input-group .input-group-append .btn{color: var(--primaryColor);}
.card.details-card .input-group .input-group-append .btn:active{border: 0;}
.card.details-card .input-group .input-group-append:focus-visible{outline: 0;border: 0;}
.table-card .table{border-radius: 14px;background-color: #fff;}
.user_dashboard .table-card{border: 1px solid #DAE0EF;border-radius: 14px;background-color: #fff;}
/* .table-card{padding: 1rem 0;} */

.config-form .btn{min-height: 58px;}
.curved-div.border-info{background-color: rgba(13,202,240, 0.1);}
.curved-div.border-warning{background-color: rgba(255,193,7, 0.1);}
.curved-div.border-success{background-color: rgba(43, 197, 44, 0.1);}
.curved-div.border-info .icon>.svg-inline--fa{color:rgba(13,202,240, 0.2);}
.curved-div.border-warning .icon>.svg-inline--fa{color:rgba(255,193,7, 0.2)}
.curved-div.border-success .icon>.svg-inline--fa{color: rgba(43, 197, 44, 0.2);}
.user_dashboard .mainCard{border-color:#DAE0EF;border-radius: 14px;}
.payment-details form .btn-submit{background-color: var(--primaryColor);color: #fff;font-size: 1.2rem;padding: 0.5rem 1.5rem;border-radius: 15px;box-shadow: 0px 0px 20px #ccc;}
.trading-table-card .card-header{background-color: transparent;border-bottom: 0;}
.trading-table-card .table tr th{background-color: var(--th-lightGreen);color: var(--primaryColor);}
.list-scroll-x{border-radius: 14px;margin-left: 30px;
	margin-bottom: 15px;
	overflow-x: auto;
	background-color: white;
	/*background-image: linear-gradient(to right, white 0%, white 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, white 0%, white 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right, rgba(0, 0, 0, .1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, rgba(0, 0, 0, .1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);*/
	/* Shadows */
	/* Shadow covers */
	background-repeat: no-repeat;
	background-position: left center, right center, left center, right center;
	background-size: 10px 100%, 10px 100%, 10px 100%, 10px 100%;
	/* Opera doesn't support this in the shorthand */
	background-attachment: local, local, scroll, scroll;
	-webkit-overflow-scrolling: touch;
}
.list-scroll-x::-webkit-scrollbar {
	height: 8px;
	background-color: white;
}
.list-scroll-x::-webkit-scrollbar-thumb {
	background-color: #e4eefe;
	border-radius: 3px;
}
.list-scroll-x::-webkit-scrollbar-thumb:hover {
	background-color: #767676;
	border-radius: 3px;
}
.list-scroll-x::-webkit-scrollbar-button {
	display: none;
}
.list-icon{margin-bottom: 10px;}
.list-scroll-text, .list-icon{text-align: center;}
.list-scroll-text p{
	margin-bottom: 0;
	color: #141414;
	font-weight: 300;
	font-size: 1rem;
	line-height: 1;
}
.list-scroll-text a, .list-scroll-text .btn{
	font-size: 14px;
	font-weight: 600;
	color: var(--primaryColor);
}
.list-scroll-text .input-group{justify-content: center;}
.list-scroll-text .btn{padding: 0;text-decoration: underline;}
.list-ul{ display: flex;list-style: none;padding: 2rem 0;width: 1250px;}
.list-ul li{width: 300px;} 
/*----modal styles-----*/
.customModal .modal-header{background-color: transparent;justify-content: center;}
.customModal .modal-header .modal-title{color: var(--blackText);}
.customModal .modal-header .btn-close{background-color: #f6f5fa;border: 0;width: 35px;height: 35px;border-radius: 50%;color: #f00;padding: 0;position: absolute;right: 20px;}
.customModal .modal-header .close span{font-size: 2rem;line-height: 1;}
.customModal .form-label{color:var(--mediumText);font-weight: 400;font-size: 14px;margin-bottom: 0;}
.customModal .form-control{border-color: var(--inputBorder);}
.customModal .modal-footer{border-top: 0;align-items: center;}
.customModal .modal-footer p{color: var(--mediumText);margin-bottom: 0;font-weight: 500;}
.customModal .modal-footer p span{color: var(--darkText);font-weight: 600;}
.customModal .btn-cancel{background-color: #fff;border-color:var(--primaryColor);color: var(--primaryColor);font-size: 14px;font-weight: 500;line-height: 18.23px;padding: 8px 16px;}
.customModal .btn-cancel:hover{border-color: var(--primaryColor);color: var(--primaryColor);}
/* .customModal .modal-body h5{border-bottom: 1px solid var(--borderColor);padding-bottom: 10px;margin-bottom: 10px;} */
.customModal .form-group.row{align-items: center;}
.customModal .flatpickr-time{text-align: left;}
.modal.right .modal-dialog{position: fixed;margin: auto;height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}
.modal.right .modal-content{height: 100%;overflow-y: auto;border-radius: 10px 0 0 10px!important;}
.modal.right .modal-footer{border-top: 0;}	
/*Right*/
.modal.right.fade .modal-dialog{right: -420px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.show .modal-dialog {right: 0;}

@media all and (max-width: 767px){
	.customModal .modal-dialog{max-width:90%;width: 90%;}
}
@media all and (min-width: 1400px){ 
	.customModal .modal-dialog{max-width:50%;width: 50%;}
	.customModal .modal-body{padding: 1.5rem 2rem;}
}
@media all and (min-width: 1200px) and (max-width: 1399px){ 
	.customModal .modal-dialog{max-width:70%;width: 70%;}
}
@media all and (min-width: 768px) and (max-width: 990px){ 
	.customModal .modal-dialog{max-width:90%;width: 90%;}
	.customModal .modal-dialog .config_form .form-control{font-size: 14px;}
	.customModal .modal-dialog .config_form .form-label{font-size: 13px;}
}
@media all and (min-width: 991px) and (max-width: 1200px){ 
	.customModal .modal-dialog{max-width:80%;width: 80%;}
	.customModal .modal-dialog .config_form .form-control{font-size: 14px;}
}

.botName{display: flex; align-items: center; justify-content: center; margin-bottom: 2rem;}
.botName .form-select{display: inline-block;width: auto;border: 0;--bs-form-select-bg-img:none;padding: 0;}
.botName h4, .botName p, .botName .form-select{font-size: 1.5rem;font-weight: 500;color: var(--primaryBlue);}
.customModal .config_form .form-label{color: #000;}
.config_form .form-check.form-switch{padding-left: 0;}
.config_form .form-check.form-switch .form-check-label{font-size: 1.2rem;font-weight: 500;margin-right: 20px;}
.config_form .form-check.form-switch .form-check-input{float: unset;margin-top: 0;width: 4em;height: 30px;margin-left: 0;}
/* .customModal .config_form input[type=checkbox] + label {display: block;margin: 0.2em;cursor: pointer;padding: 0.2em;}
.customModal .config_form input[type=checkbox] {display: none;}
.customModal .config_form input[type=checkbox] + label:before { content: "\2713";border: 1px solid var(--primaryColor);border-radius: 0.2em;display: inline-block;width: 22px;height: 22px;margin-right: 0.5rem;vertical-align: middle;color: transparent;transition: .2s;font-size: 1.2rem;line-height: 1;text-align: center;}  
.customModal .config_form input[type=checkbox] + label:active:before {transform: scale(0);}  
.customModal .config_form input[type=checkbox]:checked + label:before {background-color: var(--primaryColor);border-color: var(--primaryColor);color: #fff;}  
.customModal .config_form input[type=checkbox]:disabled + label:before {transform: scale(1);border-color: #aaa;}
.customModal .config_form input[type=checkbox]:checked:disabled + label:before {transform: scale(1);background-color: #bfb;border-color: #bfb;} */
/*--------End modal styles-----------*/
.admin_layout .curved-div{border-radius:10px;box-shadow: none;position: relative;border: 1px solid #DAE0EF;}
.curved-div>.inner{padding: 1rem;}
.curved-div>.inner h3{font-size: 2.2rem;font-weight: 700;margin: 0 0 10px;padding: 0;white-space: nowrap;color: var(--primaryColor);}
.curved-div .icon{color: var(--mediumText);z-index: 0;position: absolute;right: 30px;top:15px;}
.curved-div .icon>.svg-inline--fa{font-size: 50px;transition: -webkit-transform .3s linear;transition: transform .3s linear;transition: transform .3s linear,-webkit-transform .3s linear;}
.curved-div:hover .icon>.svg-inline--fa{-webkit-transform: scale(1.1);transform: scale(1.1);}
.scan-card{text-align: center;padding-bottom: 1.5rem;}
.scan-card p{color: #767676;font-size: 1.2rem;}
.scan-card span{font-weight: 600;color: var(--primaryColor);}
.curved-div>.inner h5{color: var(--darkText);}
/*----------custom checkbox styles---------*/
.perma-card input[type=checkbox] + label {display: block;margin: 0.2em;cursor: pointer;padding: 0.2em;}
.perma-card  input[type=checkbox] {display: none;}
.perma-card  input[type=checkbox] + label:before { content: "\2713";border: 1px solid var(--primaryColor);border-radius: 0.2em;display: inline-block;width: 22px;height: 22px;margin-right: 0.5rem;vertical-align: middle;color: transparent;transition: .2s;font-size: 1.2rem;line-height: 1;text-align: center;}  
.perma-card  input[type=checkbox] + label:active:before {transform: scale(0);}  
.perma-card input[type=checkbox]:checked + label:before {background-color: var(--primaryColor);border-color: var(--primaryColor);color: #fff;}  
.perma-card input[type=checkbox]:disabled + label:before {transform: scale(1);border-color: #aaa;}
.perma-card input[type=checkbox]:checked:disabled + label:before {transform: scale(1);background-color: #bfb;border-color: #bfb;}
/* tr{text-align: center;}
th, td {text-align: center;vertical-align: middle;} */
.page_wrapper .loader {border: 4px solid rgba(0, 0, 0, 0.1);
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 2s linear infinite;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	display: none;
	z-index: 9999;
}
/*-------------Contact us--------------*/
.contact-card{padding: 4rem;margin: 0 auto;}
.contact-card svg{width: 30px;height: 30px;color: var(--primaryColor);}
.contact-card p{font-size: 1.4rem;line-height: 2;width: 80%;margin-bottom: 0;}
/*-------------End Contact us--------------*/
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.disableDiv.disabled {pointer-events: none;}
.permission {pointer-events: none;}

.loader1{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: rgba(0, 0, 0, .5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}
.spinner-border{
	border-width: .5rem;
	width: 4rem;
	height: 4rem;
	color: var(--primaryColor);
}
.hide{
	display: none;
}
/* add api  */


/* profile */
/*--------------User profile styles-------------*/
.card.viewProfile .card-header, .card.editProfile .card-header, .expertProfile .card-header{background-color: transparent;border-bottom: 0;padding-top: 15px;}
.card.viewProfile .profile-tab, .expertProfile .profile-tab{margin-bottom: 1rem;}
.card.viewProfile .profile-tab .nav-link.active, .expertProfile .profile-tab .nav-link.active{border-bottom: 2px solid var(--primaryBlue);color: #000;}
.card.viewProfile .profile-tab .nav-link, .expertProfile .profile-tab .nav-link{color: #767676;cursor: pointer;border: 0;}
.card.viewProfile .profile-tab .nav-link:hover, .expertProfile .profile-tab .nav-link:hover, .card.viewProfile .profile-tab .nav-link:focus, .expertProfile .profile-tab .nav-link:focus{border:0;color: var(--th-lightGreen);}
.card.viewProfile .tab-content label, .expertProfile .tab-content label{color: var(--mediumText);font-weight: 500;}
.card.viewProfile .tab-content p, .expertProfile .tab-content p{color: #333;font-weight: 600;}
.card.viewProfile .tab-content h6, .expertProfile .tab-content h6{color: var(--darkText);text-decoration: underline;}
.card.editProfile{padding-bottom: 1rem;}
.card.viewProfile .btn-with-icon{padding: 0 15px 0 0;border-radius: 30px!important;font-weight: 600;}
.card.viewProfile .btn-with-icon span{display: inline-block;border-radius: 50%;background-color: #fff;}
.card.viewProfile .btn-edit span{background-color: #000;}
.card.viewProfile .btn-edit, .card.viewProfile .btn-edit:hover{background-color: #FCBA03;}
.card.viewProfile .btn-edit span{color: #FCBA03;}
.card.editProfile .card-header .btn-close, .expertProfile .tab-content .btn-close{width: 30px;height: 30px;border-radius: 50%!important;border: 1px solid #dc3545;background-color: #fde5e7;line-height: 0;}
.card.editProfile .form-label, .expertProfile .form-label{font-weight: 500;color: #565656;}
.card.editProfile .btn-save, .expertProfile .btn-save{border: 1px solid var(--th-lightGreen);}
.card.editProfile .form-control, .card.editProfile .form-select{border-width: 0 0 1px;border-color: var(--borderColor);border-radius: 0;padding-left: 0;font-weight: 600;}
.card.editProfile .form-control.border-1{border-radius: 10px;padding-left: .75rem;}
/*--------------Expert profile styles-------------*/
.profile-details{position: relative;min-height: 400px;}
.profile-details .btn-group{position: absolute;right: 10px;top:0;}
.profile-details .upload-picture{position: absolute;}
/* home page design */
#homepage{height: 100vh;background-color: rgb(161 204 186 / 20%);}
#homepage .main_content{height: calc(100% - 172px);display: flex;align-items: center;justify-content: end;background:url(../assets/img/login-bg.png)no-repeat;background-position: left center;overflow-y: auto;}
#homepage header, #loginPage header, #reg_page header{background-color: #fff;box-shadow: 0px 0px 10px var(--shadowColor);}
.btn-outline, .btn-outline:hover{border: 1px solid var(--primaryColor);color: var(--primaryColor);border-radius: 6px;}
.btn-solid, .btn-solid:hover{background-color: var(--primaryColor);border-radius: 6px;color: #fff;}
#homepage footer, #loginPage footer, #reg_page footer{background-color:#fff;padding: 1rem;}
#homepage footer p, #loginPage footer p, #reg_page footer p{font-weight: 500;color:var(--th-lightGreen);}
#homepage .main_content .card{text-align: center;padding: 1.5rem;width: 60%;background-color: transparent;border: 0;}
#homepage .main_content .card img{border-radius: 8px;}
.login-container section{height:calc(100% - 100px);}
.homepage{height:calc(100% - 190px);}
.page_wrapper.h-100vh{height: 100vh;}

.trader-group-bot .card.bot-card .card-header{background-color:transparent;color: #444;font-weight: 600;text-align: center;border-bottom: 0;}
.card.bot-card .config-btn:disabled{border: 0;color: #757575;}

.bot-list .bot-card.bg-success{background-color: #C2FEE3!important;border-color: #a9fad5;}
.bot-list .bot-card.bg-danger{background-color: #FDE5E3!important;border-color: #fdd6d3;}
/*----toggle styles----------*/
.toggle {position: relative;display: block;width: 100px;height: 40px;padding: 3px;margin: auto;border-radius: 50px;cursor: pointer;}
.toggle-input {position: absolute;top: 0;left: 0;opacity: 0;}
.toggle-label {position: relative;display: block;height: inherit;font-size: 12px;background: red;border-radius: inherit;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12),inset 0 0 3px rgba(0, 0, 0, 0.15);}
.toggle-label:before,.toggle-label:after {position: absolute;top: 50%;color: black;margin-top: -0.5em;line-height: 1;}
.toggle-label:before {content: attr(data-off);right: 11px;color: #fff;text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
.toggle-handle {position: absolute;top: 4px;left: 4px;width: 38px;height: 38px;background: linear-gradient(to bottom, #ffffff 40%, #f0f0f0);border-radius: 50%;}
.toggle-handle:before {position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -6px;width: 16px;height: 16px;}
.toggle-input:checked ~ .toggle-handle {left: 58px;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}
/* Transition*/
.toggle-label,.toggle-handle {transition: All 0.3s ease;-webkit-transition: All 0.3s ease;-moz-transition: All 0.3s ease;-o-transition: All 0.3s ease;}
.toggle-label:after {content: attr(data-on);left: 11px;color: #fff;text-shadow: 0 1px rgba(0, 0, 0, 0.2);opacity: 0;}
.toggle-input:checked ~ .toggle-label {background:var(--primaryColor);}
.toggle-input:checked ~ .toggle-label:before {opacity: 0;}
.toggle-input:checked ~ .toggle-label:after {opacity: 1;}
/*----------------Subscription page styles-------------------*/
.price-container{padding: 2rem 6rem;}
.price-container h2 span{color: var(--primaryBlue);}
.price-container .nav-tabs{border-bottom: 0;background-color: var(--mediumText);width: 50%;margin: 2rem auto;padding: .6rem 1.5rem;border-radius: 30px;position: relative;}
.price-container .nav-tabs .nav-item{width: 33.3%;}
.price-container .nav-tabs .nav-item .nav-link{font-size: 1rem;color: #fff;font-weight: 600;width: 100%;text-align: center;position: relative;z-index: 1;padding: 10px;transition: all 0.2s ease-in-out;}
.price-container .nav-tabs .nav-item .nav-link.active{background-color: var(--primaryColor);border: 0;border-radius: 30px;text-align: left;}
.price-container .nav-tabs .nav-item .nav-link.active::before{content: '\2713';width: 25px;height: 25px;background-color: #fff;display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    color: var(--primaryColor);
    font-size: 20px;
    line-height: 25px;text-align: center;}
.price-container .nav-tabs .nav-item .nav-link:hover, .price-container .nav-tabs .nav-item .nav-link:focus{border: 0;outline: 0;}
.pricing-table {color: #fff;}

.pricing-table .card {
	border-radius: 1.5rem;
	position: relative;
	overflow: hidden;
	/* box-shadow: 2px 2px 46px -4px rgba(0, 0, 0, 0.6); */
	transition: all 0.2s ease-in-out;
	font-family: "Roboto", sans-serif;
	text-shadow: 2px 2px 1px rgba(var(--black), 0.6);
}
.pricing-table .card .card-body{padding: 30px;}
.pricing-table .card:hover .card-body{padding-bottom:100px;}

.pricing-table .card.card-prarambha {
	background: linear-gradient(to bottom, #4dbfb7, #109172);
}

.pricing-table .card.card-prarambha .price::before {
	content: "\20B9";
}

.pricing-table .card.card-madhyavarti {
	margin: 0;
	z-index: 2;
	background: linear-gradient(to bottom, #ff4b2b, #ff416c);
}
.pricing-table .card.card-madhyavarti .card-header{background-color:#ff9901;padding: 1rem 0;}
.pricing-table .card.card-madhyavarti .card-header h3{text-align: center;margin-bottom: 0;text-transform: uppercase;color:#fff;}
.pricing-table .card.card-madhyavarti .price::before {
	content: "\20B9";
}

.pricing-table .card.card-unnat {
	background: linear-gradient(to bottom, #96c93d, #25EC5D);
}

.pricing-table .card.card-unnat .price::before {
	content: "\20B9";
}

/* .pricing-table .card.card-prarambha .buy-button,
.pricing-table .card.card-unnat .buy-button {
	width: 220px;
	height: 160px;
} */

.pricing-table .card.card-prarambha .buy-button h3,
.pricing-table .card.card-unnat .buy-button h3 {
	top: 12%;
	left: 10%;
	font-size: 1rem;
}

.pricing-table .card .type {text-transform: uppercase;color: #fff;text-align: center;}
/* .pricing-table .card.card-prarambha .type {color: #000;} */
.pricing-table .card .price {font-size:40px;color: #fff;position: relative;margin: 10px 0px 0;z-index: 2;text-align: center;}
.pricing-table .card .price span{font-size: 30px;}
.pricing-table .card p{text-align: center;font-weight: 500;color: #fff;}
.pricing-table .card .price::before {
	position: absolute;
	content: "";
	color: rgba(255, 255, 255, 0.1);
	font-size: 9.5rem;
	z-index: -1;
	right: 40%;
	text-shadow: 0 0 0px rgba(0, 0, 0, 0);
	transition: all 1s ease-in-out;
}

.pricing-table .card .plan {
	font-size: 1.3rem;
	position: relative;
	margin: 0 auto 10px;
    width: 20%;
    text-align: center;
    color: #fff;
}

.pricing-table .card .plan::before,
.pricing-table .card .plan::after {
	position: absolute;
	content: "";
	width: 35px;
	height: 2px;
	background: white;
	bottom: 40%;
	transition: all 0.2s ease-out;
}

.pricing-table .card .plan::before {
	right: 100%;
	transform: translate(-50%, -50%);
}

.pricing-table .card .plan::after {
	right: -100%;
	transform: translate(0%, -50%);
}

.pricing-table .card .details {
	text-transform: capitalize;
}

.pricing-table .card .details li {
	margin: 15px 0px;
	font-size: 1rem;
    color: #fff;
	font-weight: 400;
}

.pricing-table .card .buy-button {
	cursor: pointer;
	position: absolute;
	width: 220px;
	height: 160px;
	background: white;
	border-radius: 15%;
	right: -100%;
    bottom: -15%;
	transition: all 0.4s ease-in-out;
}
.pricing-table .card.card-madhyavarti .buy-button { bottom: -14%;}
.pricing-table .card .buy-button .btn{
	text-shadow: 0 0 0;
	text-decoration: none;
	color: var(--primaryBlue);
	text-transform: uppercase;
	position: absolute;
	left: 8%;
	top: 10%;
	font-size: 1.2rem;
	transition: all 0.4s ease-in-out;
	font-weight: 600;
}

.pricing-table .card:hover {
	transform: scale(1.02);
}

.pricing-table .card:hover .price::before {
	animation: text-hover 1s ease-in-out infinite normal;
}

.pricing-table .card:hover .plan::before {
	right: 90%;
  }
  
  .pricing-table .card:hover .plan::after {
	right: -90%;
  }

.pricing-table .card:hover .buy-button {
	width: 100%;
	right: 0%;
	border-radius: 0%;
}

.pricing-table .card:hover .buy-button .btn{
	left: 50%;
	transform: translate(-50%, 0%);
}

@keyframes text-hover {
	0% {
	  right: 40%;
	}
	50% {
	  right: 30%;
	}
	100% {
	  right: 40%;
	}
}