@import url('https://fonts.googleapis.com/css2?family=Barlow: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&display=swap');

.expert_layout *, .admin_layout *{font-family: "Barlow", sans-serif;
	
}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;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);}
:root {
    --th-darkGreen: #0d252d;
    --th-lightGreen: #00bf62;
    --th-midGreen: #0c5634;
    --shadowColor: rgba(0, 0, 0, 0.2);
}
.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;
}

@keyframes spin {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}
.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:contain;
  font-weight: 600;
}
.form-select:focus, .form-control:focus{box-shadow: none!important;}
/*----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: 64px;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(--th-lightGreen);}
.toggle-input:checked ~ .toggle-label:before {opacity: 0;}
.toggle-input:checked ~ .toggle-label:after {opacity: 1;}
/*----------Custom checkbox styles-------------*/
.form-check input[type="checkbox"], .form-check input[type="radio"] {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-check label {
	position: relative;
	cursor: pointer;
}

.form-check label:before {
	content:'';
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid var(--th-lightGreen);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 10px;
	border-radius: 3px;
}

.form-check input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  width: 6px;
  border: solid var(--th-lightGreen);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
/*----------End custom checkbox styles-------------*/

/*-----sidebar styles-----*/
.expert_layout #layoutSidenav #layoutSidenav_nav.user_sidebar, .admin_layout #layoutSidenav #layoutSidenav_nav.admin_sidebar{z-index: 9999;}
.expert_layout #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu, .admin_layout #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu{overflow-y: hidden;height: 100vh;}
.user_sidebar, .admin_sidebar{z-index: 1050;}
.user_sidebar .sb-sidenav{background-color:#e0f4fd;}
.admin_sidebar .sb-sidenav{background-color: #fff;box-shadow: 0px 0px 20px #ccc;}
.user_sidebar .sb-sidenav .sb-sidenav-menu .nav, .admin_sidebar .sb-sidenav .sb-sidenav-menu .nav{height: calc(100vh - 200px);overflow-y: auto;}
/* .user_sidebar .sb-sidenav .sb-sidenav-menu{padding-top: 1.5rem;} */
.user_sidebar .sb-sidenav .sb-sidenav-menu .navbar-brand, .admin_sidebar .sb-sidenav .sb-sidenav-menu .navbar-brand{padding: 1.5rem 1rem;display: inline-block;}
.logo-icon{border-radius: 50%;display: inline-block;}
.userToggle{padding: 8px 10px;display: flex;align-items: center;justify-content: center;}
.admin_toggle{background-color: #f3f6f9;}
.expert_toggle{background-color: #fff;}
.userToggle .toggle{margin: 0 5px;}
.userToggle .toggle .toggle-input:checked ~ .toggle-label{background: #43B1E4;}
.userToggle .toggle .toggle-label{background: var(--th-lightGreen);}
.user_sidebar .sidebarMenu, .admin_sidebar .sidebarMenu{margin-top: 2rem;}
/* .sidebarMenu .nav-link .svg-inline--fa { vertical-align: text-top;} */
.sidebarMenu .nav-link {font-weight: 500;opacity: .6;}
.user_sidebar .sidebarMenu .nav-link {color: #000;}
.admin_sidebar .sidebarMenu .nav-link{color: var(--th-lightGreen);opacity: 1;margin-bottom: 1rem;}
.user_sidebar .sidebarMenu .nav-link:hover, .user_sidebar .sidebarMenu .nav-link:focus{background-color:#fff;color: var(--th-lightGreen);opacity: 1;}
.admin_sidebar .sidebarMenu .nav-link:hover, .admin_sidebar .sidebarMenu .nav-link:focus, .admin_sidebar .sidebarMenu .nav-link.active:hover{background-color:var(--th-lightGreen);color: #fff;}
.user_sidebar .sidebarMenu .nav-link:active, .user_sidebar .sidebarMenu .nav-link.active{color: var(--th-lightGreen);opacity: 1;background-color: #fff;}
.admin_sidebar .sidebarMenu .nav-link.active{background-color:var(--th-lightGreen);color: #fff;}
.sb-sidenav .sb-sidenav-menu .sidebar_footer{padding: 10px;position: absolute;width: 100%;bottom: 0;text-align: center;}
.admin_sidebar .sb-sidenav .sb-sidenav-menu .sidebar_footer{background-color: #f3f6f9;}
/*-----Header styles-----*/
.expert_layout .sb-topnav h3, .admin_layout .sb-topnav h3{color: #757575;}
.expert_layout .sb-topnav .btn-link, .admin_layout .sb-topnav .btn-link{color: var(--th-lightGreen);}
.expert_layout .sb-topnav h3 span, .admin_layout .sb-topnav span{color:#000}
.expert_layout .searchForm .input-group .form-control, .admin_layout .searchForm .input-group .form-control{background-color: #fff;border-radius: 15px 0 0 15px;border: 0;}
.expert_layout .searchForm .input-group .btn, .admin_layout .searchForm .input-group .btn{border: 0;border-radius: 0 15px 15px 0;background-color: #fff;color: #757575;}
.expert_layout .user-profile, .admin_layout .user-profile{padding-left: 2rem;}
.expert_layout .user-profile img, .admin_layout .user-profile img{border-radius: 50%;}
/* .expert_layout .notification, .admin_layout .notification{width: 30px;} */
.expert_layout .notification .nav-link, .admin_layout .notification .nav-link{position: relative;}
.expert_layout .notification .status, .admin_layout .notification .status{position: absolute;width: 10px;height: 10px;border-radius: 50%;top:15px;right: 0;}
.expert_layout .user-profile .dropdown-menu, .admin_layout .user-profile .dropdown-menu{position: absolute;border: 0;box-shadow: 0px 2px 20px #ccc;}
/*-----End Header/sidebar styles-----*/
/*-----Footer styles-----*/
.page_wrapper footer {background-color: var(--th-lightGreen);}
.page_wrapper footer a {color: var(--th-midGreen);}
/*-----End Footer styles-----*/
.page_wrapper #layoutSidenav #layoutSidenav_content{min-height:100vh;}
.page-content .sb-topnav .searchForm{display: none!important;}
/*-------Button styles--------*/
.mainContent .btn-arrow{border-radius: 50%;padding: 0;text-align: center;background-color: #222;color: #fff;}
.mainContent .btn-add, .mainContent .config-btn{background-color: #fff;border-radius: 20px;border: 1px solid #43B1E4;color: #43B1E4;font-weight: 600;position: relative;left: 0;}
.mainContent .btn-add:hover, .mainContent .config-btn:hover{border-color: #43B1E4;color: #43B1E4;background-color: #fff;}
.mainContent .add-btn, .mainContent .btn-submit{border: 2px solid var(--th-lightGreen);font-weight: 600;background-color: #fff;border-radius: 10px;padding: .5rem 1.5rem;color: var(--th-lightGreen);}
.mainContent .btn-submit:hover{border: 2px solid var(--th-lightGreen);background-color: #fff;color: var(--th-lightGreen);}
.mainContent .btn-add-sub{background-color: var(--th-lightGreen);color: #fff;}
.mainContent .btn-add-money{background-color: #fff;border: 1px solid #00bf62;color: #00bf62;border-radius: 15px;font-weight: 600;}
.btn.btn-back{color: #dc3545;border-color: #dc3545;background-color: #fde5e7;font-weight: 600;}
.btn.btn-back:hover{background-color: #dc3545;color: #fff;}
.mainContent .btn-with-icon{padding: 0 15px 0 0;border-radius: 30px!important;font-weight: 600;}
.mainContent .btn-with-icon span{display: inline-block;border-radius: 50%;background-color: #fff;}
.mainContent .btn-add-sub:hover, .mainContent .add-btn:hover, .mainContent .btn-add-money:hover{background-color: var(--th-lightGreen);color: #fff;}
.mainContent .btn-add-sub span, .mainContent .add-btn span{color: #00bf62;}
.mainContent .btn-add-sub span, .mainContent .btn-edit span, .mainContent .btn-cancel span{background-color: #000;}
.mainContent .btn-edit, .mainContent .btn-edit:hover{background-color: #FCBA03;}
.mainContent .btn-edit span{color: #FCBA03;}
.mainContent .btn-cancel, .mainContent .btn-cancel:hover{background-color: #FA2C36;color: #fff;}
.mainContent .btn-cancel span{color: #FA2C36;}
.mainContent .btn-save, .mainContent .sub-user-bar .btn-add, .mainContent .btn-save:hover, .mainContent .sub-user-bar .btn-add:hover{background-color: #fff;color: #00bf62;}
.mainContent .btn-save span{background-color: #00bf62;color: #fff;}
.mainContent .sub-user-bar .btn-add, .selected-card{border-color: #00bf62!important;}
.round-btn{padding: 0!important;text-align: center;border-radius: 50%!important;}
.round-btn svg, .round-btn .fa{vertical-align: 0;}
/*-------End Button styles--------*/
/*-----dashboard styles-----*/
.expert_layout .card-table .dataTables_length{display: none;}
.expert_layout #layoutSidenav #layoutSidenav_content, .admin_layout #layoutSidenav #layoutSidenav_content{top: 0;}
.expert_layout .page_wrapper{background-color: #FAFAFA;}
.admin_layout .page_wrapper{background-color:#EEFFF7;}
.monthly_chartCard{margin-bottom: 1.5rem;}
.monthly_chartCard .card-header, .card-broking .card-header{background-color: transparent;border-bottom: 0;padding-top: 1.5rem;}
.monthly_chartCard .card-header .month_dropdown, .monthly_chartCard .card-header .year_dropdown{position: relative;width: 50%;}
.order-card .year_dropdown{position: relative;text-align: right;}
.monthly_chartCard .card-header .form-control:focus{background-color: #00bf62;color: #fff;box-shadow: none;}
.month_dropdown .select-dropdown, .year_dropdown .select-dropdown{border-radius: 20px;background-color: var(--th-lightGreen);color: #fff;border:0;}
.expert_layout .page_wrapper .mainContent .card-table{height: 100%;box-shadow: none;}
.card-table .table tr th{background-color: #c2ebff;font-size: 14px;}
.card-table .dataTables_wrapper .dataTables_info{display: none;}
.card-broking{padding-bottom: 1.5rem;}
.card-broking .ac-count, .bot-list .count{display: inline-block;padding: .2rem .75rem;border-radius: 6px;background-color: rgba(255, 193, 7, .2);}
.banking_app .app-card{border: 0;box-shadow: 0px 0px 8px #ccc;padding:1rem 10px;height: 100%;}
.banking_app .app-card.bg-success, .bot-list .bot-card.bg-success{background-color: #C2FEE3!important;border-color: #a9fad5;}
.banking_app .app-card.bg-danger, .bot-list .bot-card.bg-danger{background-color: #FDE5E3!important;border-color: #fdd6d3;}
.banking_app .app-card .api_details{padding-top: 1rem;}
.banking_app .app-card .api_details a{display: block;text-align: center;}
.banking_app .app-card .toggle{margin: 1rem auto;}
.banking_app .app-card .app-logo{display: flex;align-items: center;}
.subscription-user .user-tabs .nav-link{width: 33.33%;border: 1px solid #F3F5F2;background-color: #eee;color:#666;border-radius: 0;}
.subscription-user .user-tabs .nav-link.active{background-color: #C0ECFF;color: #000;}
.subscription-user .model-tabs .nav-link.active{background-color: #00bf62;color: #fff;}
.subscription-user .model-tabs .nav-link{color: #565656;}
.sub-user-bar{background-color: #DDD;border-radius: 6px;border: 1px solid #ccc;margin: 1.5rem 0;padding: .5rem 1rem;}
.subscription-user .user-nav{position: relative;border-bottom: 2px solid #666;}
.subscription-user .user-nav .status-div{position: absolute;right: 0;top: -6px;display: flex;align-items: center;}
.card-subscription{padding: 1.5rem 1rem;margin-bottom: 1.5rem;}
.card-subscription .rating{display: flex;align-items: center;flex-direction: row;padding: 1rem;}
.card-subscription .rating p{margin-left: 10px;color: #000;}
.card-subscription .sub-details label{color: #757575;}
.card-subscription .sub-details p{text-align: right;}
.card-subscription .card-wallet{background-color: #ECFFF7;width: 85%;border: 0;padding:1rem 10px 1.5rem;}
.input-group .btn-add-money{border-top-left-radius:15px!important;border-bottom-left-radius: 15px!important;}
.card-subscription .card-wallet .card-footer{background-color: #F4F3F4;border-top:0;margin-top: 2rem;border-radius: 5px;border: 1px solid #eee;}
.card-subscription .card-wallet .card-footer .form-control{background-color: transparent;border: 0;}
.card-subscription .card-wallet .card-body{padding-left: 0;padding-right: 0;}
.card-subscription .card-wallet .card-body p{color: #444;}
.subscription-user .row{margin: 0;}
.subscription-user .bot-list{background-color: #F4F4F4;padding: 1rem 0;margin-bottom: 1.5rem;}
.bot-list .count{margin-left: 10px;}
.subscription-user .bot-list label, .subscription-user .card-data label, .subscription-user .card-data .label, .article-details .date{color: #767676;}
.bot-list .bot-card{padding-top: 1rem;height: 100%;}
.subscription-user .bot-list .trader-group-bot .bot-card .card-header, .card-articles .card-header, .card-videos .card-header{background-color: transparent;border-bottom: 0;}
.subscription-user .card-data{background-color: #EEFFF7;border: 0;padding: 1rem;}
.subscription-user .card-data .month-year-dropdown{display: flex;justify-content: center;margin-bottom: 1.5rem;}
.card-data .month-year-dropdown .select-dropdown{background-color: #45ABDD;color: #000;border-radius: 20px;text-align: center;display: inline-block;}
.subscription-user .card-data p, .card-data .value{color: #565656;font-weight: 600;}
.subscription-user .card-data .item{width: 50%;}
.subscription-user .card-data .item.border-right{border-right: 2px dotted #ccc;}
.subscription-user .card-data .item .arrow{margin-left: 10px;}
.subscription-user .card-data .item .arrow svg{height: 35px;color: #00bf62;}
.card-articles, .card-videos{padding: 1rem;height: 100%!important;}
.card-articles .card-header, .card-videos .card-header{display: flex;flex-direction: row;}
.card-articles .card-header h5, .card-videos .card-header h5{width: 75%;}
.card-articles .card-header a, .card-videos .card-header a{text-decoration: none;}
.card-articles img{width: 30%;}
.card-articles .article-details{width: 70%;padding-left: 15px;}
.card-articles .article-details p{color:#000}
.article-details .date{font-size: 14px;}
.card-videos .video-wrapper{padding: 10px;position: relative;}
.card-videos .video-wrapper img{width: 100%;border-radius: 15px;}
.card-videos .video-wrapper .btn{width: 40px;height: 40px;border-radius: 50%;background-color: #eee;color: #D53B38;position: absolute;top:40%;left: 40%;}
.card-videos .pagination .page-link{border: 0;color: #565656;font-weight: 600;}
.card-videos .pagination .page-link.active{color: #00bf62;background-color: transparent;}
.card-videos .pagination .page-item:first-child, .card-videos .pagination .page-item:last-child{color: #000;}
/*---------------Modal styles---------------------------*/
.customModal .modal-content{border: 0;}
.customModal .modal-title{text-decoration: underline;}
.customModal .modal-header{border-bottom: 0;}
.modal-header .close{width: 30px;height: 30px;border-radius: 50%;border: 1px solid #dc3545;background-color: #fde5e7;line-height: 0;}
.modal-header .close span{color: #dc3545;font-size: 25px;}
.customModal .modal-footer{border-top: 0px;}
.customModal .modal-footer, .customModal .modal-header{background-color: #e0f4fd;}
.customModal .btn-save{border: 2px solid var(--th-lightGreen);color: var(--th-lightGreen);border-radius: 10px;font-weight: 600;}
.customModal .btn-save:hover{background-color: var(--th-lightGreen);color: #fff;}
/*-------------Configuration modal-------------------*/
.customModal .config-content .form-label{font-weight: 500;color: var(--th-lightGreen);width: 40%;margin-bottom: 0;}
.customModal .config-content .form-group{display: flex;flex-direction: row;align-items: center;margin-bottom: 1.5rem;}
.customModal .config-content .form-group .form-control, .customModal .config-content .form-group .form-select{background-color:rgba(0, 0, 0, 0.02);border: 0;color: #000;}
/*---------------Subscription page styles---------------------------*/
.status-tab .nav-tabs, .subscription-user .user-nav .nav-tabs{border-bottom: 0;}
.status-tab .nav-tabs .nav-link{color: #222;font-weight: 600;border-bottom: 2px solid #666;margin: 0;padding: 6px 15px;width: 15%;}
.status-tab .nav-tabs .nav-link.active{background-color: #43b2df;color: #fff;border-bottom: 2px solid #666;}
.sub-info .info-icon{display: block;background-color: #FFC107;border-radius: 50%;color: #000;width: 30px;height: 30px;text-align: center;float: right;}
.subscription-user .tab-content .status-div{display: flex;align-items: center;justify-content: end;margin-bottom: 1rem;}
.subscription-user .tab-content .status-div .toggle{margin: 0;}
/*----------Custom radio button css---------*/
.sub-info .title-col{width: 40%;}
.sub-info .custom_radio{width: 20%;}
.custom_radio input[type="radio"] {display:none;}
.custom_radio label{padding: 12px;display: inline-block;border: 1px solid #ccc;background-color: #F0F0F0;cursor: pointer;border-radius: 50%;margin-top: 5px;}
.custom_radio input[type="radio"]:checked + label {background: #C5FFE5;border-color: #00bf62;}
/*--------Fyers detail form-------------*/
.card.details-card .card-header, .card.perma-card .card-header{background-color: transparent;border-bottom: 0;display: flex;justify-content: space-between;}
.card.details-card .form-group{display: flex;justify-content: center;margin-bottom: 1.5rem;align-items: center;}
.card.details-card .form-group .form-label{margin-right: 10px;font-weight: 500;color: #565656;margin-bottom: 0;width: 15%;}
.card.details-card .form-group .input-group{border: 1px solid #cdcdcd;border-radius: 10px;padding-left: 5px;}
.card.details-card .form-group .input-group .form-control{border: 0;}
.card.details-card .form-group .input-group .btn{color: var(--th-lightGreen);}
.card.details-card .btn-save, .card.perma-card .btn-save{border: 1px solid var(--th-lightGreen);}
/*-----------------table styles-------------------*/
.card.table-card{border: 0;border-radius: 0;background-color: transparent;}
.card.table-card .table tr th, .card.card-table .table tr th{background-color:#baedf7;border-bottom: 0;}
.card.table-card .table tr td, .card.card-table .table tr td{border-bottom: 0;}
.card.table-card .dataTables_length{margin-bottom: 1rem;}
.card table.dataTable, .card.table-card .table, .card.card-table .table, .card table.dataTable thead th, .card table.dataTabletr td{border-bottom: 0!important;}
/*------------Confirm modal style-------------*/
.confirmModal .modal-dialog{width: 30%;}
.confirmModal .modal-header{width: 80px;height: 80px;border-radius: 50%;margin: -8% auto 0;justify-content: center;}
.confirmModal .modal-header svg{height: 30px;}
.confirmModal .modal-header.bg-warning{color: #fff;}
.confirmModal .modal-body{padding: 2rem 1rem;text-align: center;font-weight: 500;}
.confirmModal .modal-footer{justify-content: center;flex-wrap: nowrap;border-top: 0;padding-bottom: 1.5rem;}
.confirmModal .modal-footer .btn{border-radius: 20px;padding: .5rem 1.5rem;font-weight: 600;}
/*---------- Personal Analytics page styles----------*/
.curved-div > .inner h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 0 10px;
  padding: 0;
  white-space: nowrap;
}
.curved-div .icon {
  color: rgba(0, 0, 0, 0.15);
  z-index: 0;
}
.curved-div .icon > .svg-inline--fa {
  font-size: 50px;
  position: absolute;
  right: 1.5rem;
  top: 30px;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.curved-div:hover .icon > .svg-inline--fa {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.curved-div > .inner {
  padding: 20px 20px 20px 30px;
}
.curved-div.border-warning .icon{color: rgb(251 224 142) !important;}
.curved-div.border-info .icon{color: rgb(222 250 255) !important;}
.curved-div.border-success .icon{color: rgb(182 249 218) !important;}
#positionsTabs{border-bottom: 0;margin-bottom: 1.5rem;}
#positionsTabs .nav-item{border-bottom: 2px solid #cdcdcd;padding: 0 5px;}
#positionsTabs .nav-link.active{background-color: var(--th-lightGreen);color: #fff;border: 0;}
#positionsTabs .nav-link{border:0; border-radius: 10px;color: #565656;font-weight: 600;padding: .3rem 1rem;cursor: pointer;}
.card.report-card .card-header{background-color: transparent;border-bottom: 0;padding-top: 1rem;}
.card.report-card .card-header .form-label{width: 40%;font-weight: 600;color: #565656;text-align: right;margin-bottom: 0;padding-right: 10px;}
/*----------------Admin dashboard--------------*/
.order-card{margin-bottom: 1.5rem;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.order-card .year_dropdown .select-dropdown{line-height: 1.5;}
.trader_cards{display: flex;flex-direction: row;}
.trader_cards .active-traders, .trader_cards .enrolled-traders{padding: 1rem 10px;text-align: center;height: 100%;}
.trader_cards .active-traders{background-color: #fffbe6;}
.trader_cards .enrolled-traders{background-color: #FEE8E8;}
.trader_cards h6, .trader_cards .clients-sub label{font-weight: 500;}
.trader_cards .border-bottom{border-bottom: 2px solid #fff!important;height: 50%;}
.trader_cards .clients-sub{display: flex;flex-direction: row;height: 50%;align-items: center;position: relative;}
.trader_cards .clients-sub::before{content:'';border: 1px solid #fff!important;height: 100%;position: absolute;left: 50%;top: 0;}
.trader_cards .clients-sub .clients, .trader_cards .clients-sub .sub{width: 50%;padding: 1rem 0;}
.trader_cards .clients-sub label{margin-bottom: 1rem;}
.card-highRisk{background-color: rgba(220,53,69,0.3)!important;}
.card-midRisk{background-color: rgba(255, 193, 7,0.3)!important;}
.card-lowRisk{background-color: rgba(13, 202, 240,.3)!important;}
.card-noRisk{background-color: rgba(25, 135, 84,.3)!important;}
.card.card-risk{box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);border: 0;}
.card-risk .card-header{display: flex;justify-content: space-between;background-color: transparent;border-bottom: 0;align-items: center;}
.card-risk .risk-cards-header{text-decoration: underline;}
.card-risk label, .myModelsCard label{color: #565656;}
.card-risk label, .card-risk p, .myModelsCard label, .myModelsCard p{font-weight: 500;}
.card-risk .risk-numbers{display: inline-block;width: 40px;height: 40px;padding: 0;text-align: center;line-height: 40px;border-radius: 50%;background-color: #fff;font-weight: 500;}
.chart-container{background-color: #fff;border-radius: .25rem;padding: 1rem;margin: 1.5rem 0;}
.card.myModelsCard, .card.card-messages{padding-top: 10px;height: 100%;}
.myModelsCard .card-header, .card-messages .card-header, .content-card .card-header{border-bottom: 0;background-color: transparent;}
.myModelsCard .card-header .text-link, .card-messages .card-header .text-link{color: var(--th-lightGreen);font-weight: 500;}
.myModelsCard .card-footer{background-color: transparent;border-top: 0;}
.myModelsCard ul{padding-left: 20px;}
.myModelsCard .model-tabs{border-bottom: 0;border-top: 2px solid #cdcdcd;}
.myModelsCard .model-tabs button.nav-link{border: 0;font-weight: 600;color: #222;}
.myModelsCard .model-tabs button.nav-link.active{border: 0;background-color: var(--th-lightGreen);color: #fff;border-radius: 5px;}
.card-messages .messages-list .message{border-bottom: 0;}
.card-messages .messages-list .message p{margin-bottom: 0;}
.card-messages .messages-list .message h6{font-weight: 600;margin-bottom: 0;}
.card-messages .messages-list .message.selected{background-color: #D8F0E3;}
.card-messages .messages-list .message-details{padding-right: 10px;}
.card-messages .messages-list .message-time span{display: block;}
.card.content-card{padding-top: 10px;}
.content-card .add-btn{background-color: var(--th-lightGreen);color: #fff;}
/*-----------trader management /trader group css------------*/
.manage_trader .sb-topnav .searchForm, .trader_group .sb-topnav .searchForm, .commut_page .sb-topnav .searchForm, .account_manage .sb-topnav .searchForm{display: none!important;}
.manage_trader .nav-tabs, .trader_group .risk-tabs{border-bottom: 0;}
.manage_trader .nav-tabs .nav-item, .trader_group .risk-tabs .nav-item{border-bottom: 2px solid #cdcdcd;padding: 0 5px;}
.manage_trader .nav-tabs .nav-link.active, .trader_group .risk-tabs .nav-link.active{background-color: var(--th-lightGreen);color: #fff;border: 0;}
.manage_trader .nav-tabs .nav-link{border:0; border-radius: 10px;color: #767676;font-weight: 600;padding: .3rem 1rem;cursor: pointer;}
.manage_trader .table-card .profile-img{width: 35px;height: 35px;margin-right: 10px;}
.manage_trader .table-card .info-icon{display: inline-block;text-align: center;border:1px solid rgb(255, 193, 7);color: rgb(255, 193, 7);margin-left: 10px;line-height: 1.5;}
.manage_trader .table-card .edit-btn{background-color: rgb(220,53,69);color: #fff;}
.manage_trader .table-card .btn-view, .manage_trader .table-card .btn-view:hover{border:1px solid #0dcaf0;color: #0dcaf0;}
.manage_trader .table-card .toggle-label{font-weight: 600;}
.manage_trader .btn-filter, .manage_trader .btn-filter:hover{border:2px solid var(--th-lightGreen); color: var(--th-lightGreen);}
.manage_trader .sorting .form-control{border: 0;}
.manage_trader .sorting .input-group-text{border: 0;background-color: #fff;color: var(--th-lightGreen);}
.trader_group .risk-tabs .nav-link{border: 1px solid var(--th-lightGreen);border-radius: 15px;background-color: #fff;color: var(--th-lightGreen);font-weight: 600;padding: .25rem 1.5rem;cursor: pointer;}
.model-dropdown{width: 30%;}
.model-dropdown .select-dropdown{background-color: var(--th-lightGreen);border-radius: 20px;color: #fff;font-weight: 500;padding: .25rem 1rem;}
.trader_group  .card.bot-card, .card.card-group-notification{border: 0;box-shadow: 0px 0px 4px #ccc;}
.trader-group-bot .card.bot-card .card-header{background-color: #fff1b8;color: #444;font-weight: 600;text-align: center;border-bottom: 0;}
.card.bot-card .toggle-label{font-weight: 600;font-size: 14px;}
.card.bot-card .config-btn:disabled{border: 0;color: #757575;}
.trader-group-bot .card.bot-card .config-btn{border: 0;color: var(--th-lightGreen);}
.trader-group-bot .card.bot-card .config-btn:disabled{border: 0;color: gray;}
.card-group-notification .card-header{background-color: transparent;border-bottom:2px solid var(--th-lightGreen);margin: 0;padding: 0;}
.card-group-notification .card-header h6{background-color: var(--th-lightGreen);margin-bottom: 0;color: #fff;width: 70%;border-radius: .25rem;padding: .25rem 1rem;border-bottom-right-radius: 0;}
.card-group-notification .card-header .btn-send{background-color: #fff;border: 0;width: 30%;text-align: center;text-decoration: underline;border-radius: .25rem;padding: .25rem 1rem;color: var(--th-lightGreen);}
.card-group-notification .date{text-align: right;color: #565656;}
.trader_group .btn.btn-add-group{color: var(--th-lightGreen);padding: 0;position: relative;}
.btn.btn-add-group .add-icon{background-color: var(--th-lightGreen);color: #fff;width: 1.3rem;height: 1.3rem;border-radius: 50%;text-align: center;line-height: 1;padding-left: 2px;position: absolute;bottom: -5px;right: -2px;border: 2px solid #fff;}
.trader_group .btn.btn-add-group .add-icon svg{height: .8rem;}
/*--------------Account Management css----------------*/
.card-model-info .card-header{background-color: #EEFFF7;border-bottom: 0;padding-left: 0;}
.card-model-info .card-header .model-nav{display: flex;justify-content: space-between;align-items: center;}
.card-model-info .card-header .model-nav .nav-tabs{border-bottom: 2px solid #666;padding-right: 6px;}
.card-model-info .card-header .model-nav .nav-link{border: 1px solid var(--th-lightGreen);border-radius: 6px;margin: 0 5px;color: var(--th-lightGreen);font-weight: 600;}
.card-model-info .card-header .model-nav .nav-link:first-child{margin-left: 0;}
.card-model-info .card-header .model-nav .nav-link.active{background-color: var(--th-lightGreen);color: #fff;}
.status-div .add-model{color: var(--th-lightGreen);font-weight: 600;text-decoration: underline;background-color: transparent;border: 0;}
.card-model-info .tab-content > .tab-pane label{color: #757575;}
.card-model-info .tab-content > .tab-pane p{font-size: 15px;color: #222;font-weight: 500;}
.card-model-info .tab-content > .tab-pane .active-total p{font-size: 1rem;}
.border-right{border-right: 1px solid #dee2e6;}
.border-left{border-left: 1px solid #dee2e6;}
.level-card .card-header{background-color: transparent;border-bottom: 0;}
.level-card .card-header .btn-profile, .card-bank-details .btn-profile{color: #ffc107;}
.level-card .card-header .btn-profile:hover, .card-bank-details .btn-profile:hover{background-color: #fff;}
.level-card .star{color: #6e3bd2;}
.level-card .plans-info{background-color: #EDE4FF;}
.level-card .plans-info li{font-size: 14px;font-weight: 500;}
.account_manage .card-table .card-footer{background-color: #EEFFF7;border-top: 0;padding-left: 0;}
.account_manage .card-table .card-footer .input-group{background-color: #fff;width: 50%;}
.card-table .card-footer .input-group .form-control{border: 0;}
.card-table .card-footer .input-group .btn{background-color: #C1ECFF;margin-left: 6px!important;border-radius: 6px!important;}
.card-table .card-footer .input-group .btn.dropdown-toggle::after{display: none;}
.card-bank-details{padding: 1.5rem;}
.card-bank-details .border-right{border-right: 4px solid #EEFFF7!important;}
/*-----------Communication page-------------*/
.commut_page .card .card-header, .commut_page .card .card-footer{background-color: transparent;border-bottom:0;border-top:0;}
.commut_page .card textarea.form-control{background-color: #eee;border:0;}
.commut_page .card .card-header{align-items: center;}
.commut_page .card .card-header h6{margin-bottom: 0;}
.commut_page .card .card-header .form-select{	-moz-appearance: none;-webkit-appearance: none;appearance: none;background-image: url("../assets/img/select-arrow.png");background-repeat: no-repeat;background-position: 95% center;background-size:10%;font-weight: 600;  background-color: #eee;border-radius: 10px;}
.chatterbox-card .search-box{background-color: #eee;width: 70%;margin: 0 auto 1.2rem;border-radius: 20px;}
.chatterbox-card .search-box .form-control{background-color: transparent;padding: 0 1rem;border:0;}
.chatterbox-card .messages-list .message{border-bottom:0;}
.chatterbox-card .messages-list .message label, .chatterbox-card .messages-list .message p{color: #666;}
/*--------------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(--th-lightGreen);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: #565656;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(--th-lightGreen);text-decoration: underline;}
.card.editProfile{padding-bottom: 1rem;}
.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: #00A24D;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;}
/*--------- communication----------------  */
.messages-list .message {display: flex;padding: 10px;border-bottom: 1px solid #f0f0f0;margin-bottom: 1rem;}
.messages-list .message:last-child {border-bottom: none;}
.message img {border-radius: 50%;width: 50px;height: 50px;margin-right: 10px;}
.message-details {flex-grow: 1;}
.message-time {font-size: 12px;color: #888;width: 12%;}
.manage {color: green;text-decoration: underline;}
/*---------strategies page-----------------*/
.expert_layout .page_wrapper.strategy_page{background-color: #fff;}
.strategy_page header{padding: 0 1rem;position: fixed;left: 0;top: 0;width: 100%;}
.strategy_page header .navbar-brand{width: 15%;}
.page_wrapper.strategy_page .mainContent{padding: 0;}
.strategy_page .mainContent .banner{background: url('../assets/img/subscribe-strategies-banner.png')no-repeat center;position: relative;}
.strategy_page .mainContent .banner .banner-text{position: absolute;width: 30%;right: 0;top:20%;}
.strategy_page .filters .input-group{border:2px solid #ccc;border-radius: 10px;padding-left: 6px;}
.strategy_page .filters .input-group .form-control{border: 0;border-radius: 0;}
.strategy_page .filters .input-group-text{background-color: transparent;color: #ccc;border: 0;}
.strategy_page .startegy_listing .card-stategy{padding: 0 10px;border-radius: 15px;}
.card-stategy label{font-size: 14px;color: #000;font-weight: 500;}
.card-stategy h6{font-size: 18px;}
.card-stategy h6, .card-stategy h4, .card-stategy p span{color: var(--th-lightGreen);}
.card-stategy .card-footer{background-color: transparent;}
.card-stategy .card-footer .btn-view{color: var(--th-lightGreen);}
.card-stategy .card-footer .btn-report{color: #0d6efd;}
.card-stategy .card-footer .btn-view, .card-stategy .card-footer .btn-report{font-weight: 500;font-size: 1rem;}
.card-stategy .card-footer .btn-subscribe{border: 2px solid var(--th-lightGreen);color: var(--th-lightGreen);font-weight: 700;border-radius: 15px;margin: 20px auto -26px;background-color: #fff;display: block;width: 50%;}
.faqSection{background-color:var(--th-darkGreen);padding: 3rem 0;margin-top: 3rem;}
.faqSection h2{font-size: 2rem;text-transform: uppercase;letter-spacing: 5px;font-weight: 600;}
.faqSection .questions .accordion{border-radius: 0;}
.faqSection .questions .accordion-item{border-radius: 0;border:0;border-top:1px solid #a5a5a5;padding:.5rem 0;margin-bottom:0;background-color:var(--th-darkGreen);}
.faqSection .questions .accordion-item .accordion-button{background-color:var(--th-darkGreen);color: #fff;font-weight: 600;border-radius: 0;}
.faqSection .questions .accordion-item .accordion-button:focus{box-shadow: none;}
.faqSection .questions .accordion-item .accordion-button::after{background-image: none;content: '\002B';width: 20px;height: 20px;border: 1px solid #aaa;border-radius: 50%;text-align: center;line-height: 1;}
.faqSection .questions .accordion-item .accordion-button:not(.collapsed)::after{content:'\2212'}
.faqSection .questions .accordion-item p,.faqSection .questions  .accordion-item li{color:#fff;}
.faqSection .questions .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed{border-radius: 0;}
.faqSection::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);border-radius: 10px;background-color: #F5F5F5;}
.faqSection::-webkit-scrollbar{width: 12px;background-color: transparent;}
.faqSection::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
.faqSection img{width: 100%;}
/*---------Endstrategies page-----------------*/
/*---------strategies payment page-----------------*/
.strategy_page .make_payment, .strategy_page .strategy_payment{background: url('../assets/img/paymentBg.png')no-repeat center;background-size: cover;}
.strategy_page .make_payment .form-control{border: 1px solid var(--th-lightGreen);border-radius: 15px;color: #000;font-weight: 500;}
.strategy_page .make_payment .btn{width: 100%;border-radius: 15px;font-weight: 700;}
.strategy_page .make_payment .btn-register{border: 2px solid var(--th-lightGreen);color: var(--th-lightGreen);}
.strategy_page .make_payment .btn-register:hover{background-color: var(--th-lightGreen);color: #fff;}
.strategy_page .make_payment h3{font-weight: 600;}
.strategy_page .make_payment .btn-pay{border: 2px solid #fff;color:#006836;}
.strategy_page .make_payment .btn-pay.disabled{border-color: gray;color: #000;}
.make_payment .regForm .input-group{border: 1px solid var(--th-lightGreen);border-radius: 15px;}
.make_payment .regForm .input-group .btn{border:0;}
.make_payment .regForm .input-group .form-control{border: 0;}
.make_payment .bill_details p, .strategy_payment .bill_details p{color: #1c6600;font-weight: 500;}
.make_payment .bill_details p span, .strategy_payment .bill_details p span{color: #000;font-weight: 600;}
.strategy_payment{padding-top: 10rem;}
.strategy_payment .qr-card{background-color: transparent;border: 0;}
.strategy_payment .qr-card h6{font-weight: 600;color: var(--th-midGreen);}
.strategy_payment form .form-control{border: 1px solid var(--th-lightGreen);border-radius: 15px;color: #000;font-weight: 500;}
.payment-details .bill_details{margin-bottom: 1.5rem;}
.payment-details .btn-submit{width: 100%;}
/*---------End strategies payment page-----------------*/
/*---------Add New Modal page-----------------*/
.card.experModal-card{background-color: transparent;}
.experModal-card label{font-weight: 500;color: var(--th-midGreen);}
.experModal-card .form-control{border: 1px solid var(--th-lightGreen);border-radius: 15px;color: #000;font-weight: 500;}
.experModal-card .form-check .form-check-label{color: #000;}
.experModal-card .text-link{color: var(--th-lightGreen);font-weight: 600;}
/*---------Responsive css-----------------*/