@import url('https://fonts.googleapis.com/css2?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: #37782D;
	--th-lightGreen: #74E931;
	--th-midGreen:#55AE22;
	--shadowColor:rgba(0,0,0,0.1);
	--primaryColor:#55AE22;
	--secondaryColor:#ffc700;
}
.table-bordered > :not(caption) > * > *, .datatable-table > :not(caption) > * > *, .table-bordered > :not(caption) > * > *{border: 0!important;}
body{font-family: "Roboto", sans-serif!important;font-weight: 300;font-style: normal;}
.bg-danger\/70 {background-color: rgba(255, 94, 91, 0.1) !important;}
.bg-info\/20{background-color: rgba(96, 210, 132, .2) !important;}
.bg-primary\/20 {background-color: rgba(82, 168, 32,.2) !important;}
.bg-warning\/20{background-color: rgb(255 193 7 / 20%) !important;}
.bg-success\/20{background-color: rgb(8 175 98 / 20%) !important;}
.text-th-primary{color: var(--primaryColor)!important;}
.text-th-warning{color: var(--secondaryColor)!important;}
.text-th-info{color: #60D284!important;}
.text-th-danger{color: rgb(245 73 87)!important;}

.badge.bg-danger, .btn.btn-danger{background-color: rgb(245 73 87)!important;}
.badge.bg-success, .btn.btn-success{background-color: rgb(4 181 99)!important;}
.btn.view-btn{background-color: transparent;border: 0;color: #60D284;}
.btn.view-btn:hover{color: #60D284;}
.btn.btn-add{background-color: var(--primaryColor);color: #fff;font-weight: 600;border-radius:20px;display: flex;align-items: center;padding-left: 4px;}
.btn.btn-add:hover{background-color: #0c763d;color: #fff;}
.btn.btn-add svg{width: 1.5rem;height: 1.5rem;}
.btn.config-btn{background-color: transparent;border: 0;color: var(--th-midGreen);font-weight: 600;}
.btn.config-btn:hover{color:var(--th-darkGreen);}
.form-select.select-dropdown{font-weight: 600;border-radius:.5rem;}
.form-select:focus, .form-control:focus{box-shadow: none!important;}
.form-switch .form-check-input:checked{background-color:var(--th-darkGreen);border-color:var(--th-lightGreen)}
::-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);}
/*-----Login page styles------*/
.login-container{height: 100vh;background-color: var(--primaryColor);display: flex;align-items: center;justify-content: center;}
.login-container .card, .reg_container .right-col .card{border: 0;border-radius: 1rem;}
.login-container .card .card-header, .reg_container .right-col .card-header{background-color: transparent;border-bottom: 0;text-align: center;}
.login_form .input-group, .regForm .input-group{background-color:#fff;margin-bottom: 1.5rem;border-radius: 20px;padding: 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(--th-midGreen);}
.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, .regForm .btn-login{text-transform: uppercase;font-weight: 600;border-radius: 20px;padding: .5rem 1.5rem;width: 100%;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.text-link{color: var(--primaryColor);font-weight: 600;font-size: 1rem;}
.text-link:hover{color: var(--th-midGreen);}
/*-----End Login page styles-----*/
.reg_page header{position: fixed;width: 100%;left:0;top:0;z-index: 999;}
.reg_page header img{width: 120px;}
.reg_page .alert{position: fixed;top:10px;right: 10px;z-index: 99;}
.reg_container .right-col{display: flex;position: relative;justify-content: center;}
.regForm .form-label{color: var(--th-darkGreen);font-weight: 500;}
.regForm .form-control{border-radius: 20px;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(--th-midGreen);}
.referal-btn:hover{background-color: #eee;}
.ref_code{position: relative;}
#referal_checkbox{position: absolute;right: 30px;top: auto;bottom: 6px;}
/*-----Header/sidebar styles-----*/
.page_wrapper .sb-topnav{background-color: transparent;padding-left: 250px;}
.sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_nav{width: 225px;z-index: 1050;}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu{overflow-y: hidden;}
.sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_nav .sb-sidenav{padding-top: 20px;}
.sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_nav .expert_sidenav{background-color:#fff;}
.sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_nav .user_sidenav{background-color:#dffbec;box-shadow:5px 60px 15px #ccc}
.sb-nav-fixed .page_wrapper #layoutSidenav #layoutSidenav_content{padding-left: 225px;}
.page_wrapper .sb-topnav .btn-link{width: 40px;height: 40px;border-radius: 50%;background-color: #fff;font-size: 1rem;font-weight: 500;color: var(--th-midGreen);}
.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(--th-midGreen);}
.page_wrapper .sb-topnav .dropdown-toggle{color: var(--th-midGreen);}
.page_wrapper .sb-topnav .dropdown-toggle span{font-weight: 600;}
.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;}
.sb-nav-fixed .page_wrapper .sb-sidenav .navbar-brand{display: inline-block;width: 100%;text-align: center;}
.sb-nav-fixed .page_wrapper .sb-sidenav .navbar-brand img.lg-logo{width: 160px;}
.sidebarMenu{margin-top: 1rem;max-height: calc(100vh - 80px);overflow-y: auto;}
.sidebarMenu .nav-link .svg-inline--fa{vertical-align: -.3rem;}
.sb-nav-fixed .page_wrapper .sb-sidenav .sidebarMenu.nav .nav-link .sb-nav-link-icon{font-size: 1.2rem;}
.sidebarMenu .nav-link{font-size: 1rem;padding: 1rem 1.5rem;font-weight: 500;}
.expert_sidenav .sidebarMenu .nav-link{color: #757575;}
.expert_sidenav .sidebarMenu .nav-link svg{color: var(--primaryColor);}
.user_sidenav .sidebarMenu .nav-link{color: #222;}
.expert_sidenav .sidebarMenu .nav-link:hover, .expert_sidenav .sidebarMenu .nav-link:focus{background-color: var(--primaryColor);color: #fff;}
.expert_sidenav .sidebarMenu .nav-link:hover svg, .expert_sidenav .sidebarMenu .nav-link:focus svg{color: #fff;}
.user_sidenav .sidebarMenu .nav-link:hover, .user_sidenav .sidebarMenu .nav-link:focus{color:var(--primaryColor);}
.sidebarMenu .sb-sidenav-menu-heading{text-align: center;color:var(--primaryColor);font-size: 14px!important;word-wrap: break-word;}
.sb-sidenav-toggled .sidebarMenu .sb-sidenav-menu-heading{display: none;}
.expert_sidenav .sidebarMenu .nav-link span{margin-top: 4px;}
.sidebarMenu .nav-link{margin-bottom: 10px;}
.admin_layout .sb-topnav, .user_layout .sb-topnav{background-color:#FFF;box-shadow: 0px 0px 10px #ccc;}
.admin_layout .sb-topnav .searchForm{display: none;}
/*-----End Header/sidebar styles-----*/
/*-----End Footer styles-----*/
.page_wrapper footer{background-color: #fff;}
.page_wrapper footer a{color: var(--th-midGreen);}
/*-----End Footer styles-----*/
/*-----admin dashboard styles-----*/
.admin_layout{background-color:#eef7e9;}
.mainContent .card{border: 0;border-radius: .5rem;box-shadow: 0px 0px 10px var(--shadowColor);}
.summary_cards .card .card-img{width: 80px;height: 80px;border-radius: .5rem;display: flex;align-items: center;justify-content: center;}
.summary_cards .card .card-img svg{width: 2.5rem;height: 2.5rem;}
.bot-list .bot-card{height: 100%;border:0;padding: .75rem;}
.trader-group-bot .bot-card .card-img{width: 75px;height: 75px;padding: .5rem;border-radius: .5rem;background-color: #deefe9;}
.trader-group-bot .bot-card .card-img img{width: 100%;}
.trader-group-bot .bot-card .toggle{margin: 0;height: 30px;width: 75px;}
.trader-group-bot .bot-card .toggle .toggle-handle{width: 28px;height: 28px;}
.trader-group-bot .bot-card .toggle .toggle-label{font-weight: 600;}
.trader-group-bot .bot-card .toggle .toggle-input:checked~.toggle-handle{left: 42px;}
.trader-group-bot .bot-card .config-btn{background-color: #f2f2f2;font-size: 14px;padding: .25rem .75rem;height: auto;}
.admin_summary_card .icon{width: 30%;border-radius: 0 .5rem .5rem 0;display: flex;align-items: center;justify-content: center;}
.admin_summary_card .icon svg{width: 75%;height: 75%;}
.admin_summary_card h5, .admin_summary_card p{font-weight: 500;color: #757575;}
/*-----------------table styles-------------------*/
.table-card{border: 0;border-radius: 0;background-color: transparent;}
.table-card .table tr th{background-color:rgb(1 127 58 / 80%);border-bottom: 0;color: #fff;}
.table-card .table tr td{border-bottom: 0;}
.table-card .dataTables_length{margin-bottom: 1rem;}
table.dataTable, .table-card .table, table.dataTable thead th, table.dataTabletr td{border-bottom: 0!important;}
.round-btn{width: 40px;height: 40px;padding: 0;text-align: center;line-height: 40px;border-radius: 50%;box-shadow: 0px 0px 20px var(--shadowColor);}
.table-card .table tr td .badge{font-size: .75rem;line-height: 1rem;border-radius: 1rem;}
.table-card .dataTables_wrapper .dataTables_length, .table-card .dataTables_wrapper .dataTables_info{margin-left: 1rem;}
.table-card .dataTables_wrapper .dataTables_filter, .table-card .dataTables_wrapper .dataTables_paginate{margin-right: 1rem;margin-bottom: 10px;}
.trader-list-card .datatable-dropdown, .trader-list-card .datatable-info, #traderDetailsModal .dataTables_length, #traderDetailsModal .dataTables_info{display: none;}
.trader-list-card .datatable-sorter::after, .trader-list-card .datatable-sorter::before{opacity: .8;}
.trader-list-card .datatable-sorter::after{border-bottom-color: #fff;}
.trader-list-card .datatable-sorter::before{border-top-color: #fff;}
.trader-list-card .datatable-search{margin-right: 20px;} 
.trader-list-card .datatable-search input:focus{box-shadow: none;}
#traderDetailsModal .dataTables_filter{margin-bottom: 15px;}
/*-----------------end table styles-------------------*/
/*-----------------API card styles-------------------*/
.admin_layout .card.api-card{flex-direction: row;justify-content: space-between;align-items: center;}
.api-card .api_logo img{height: 50px;width: auto;}
.api-card .icon-container img{width: 75px;opacity: .2;}
.api-card:hover .icon-container img{opacity: .5;transform: scale(1.2);}
.card.api-card .add-btn{background-color: #f2f2f2;color:var(--primaryColor);font-size: 1rem;padding: .25rem .75rem;margin-top: 1rem;border-radius: 20px;}
.card.api-card .add-btn:hover{background-color: var(--primaryColor);color: #fff;}
/*-----------------End API card styles-------------------*/
/*----------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: 2px solid var(--th-midGreen);border-radius: 0.2em;display: inline-block;width: 25px;height: 25px;margin-right: 0.5rem;vertical-align: middle;color: transparent;transition: .2s;font-size: 1.5rem;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(--th-midGreen);border-color: var(--th-midGreen);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;}
/*----------modal styles--------------*/
.customModal .modal-header{background-color:transparent;}
.customModal .modal-header .close, .modal .modal-header .close{border: 1px solid #dc3545;background-color: #fde5e7;border: 0;width: 30px;height: 30px;border-radius: 50%;padding: 0;line-height: 0;display: flex;align-items:center;justify-content: center;}
.customModal .modal-header .close span, .modal .modal-header .close span{font-size: 2rem;color: #f00;}
.modal.customModal{overflow-y: hidden;}
.customModal .modal-dialog .modal-body{max-height: calc(100vh - 150px);overflow-y: auto;}
.customModal .form-label, .customModal label{color:#757575;font-weight: 500;margin-bottom: 0;font-size: 14px;}
@media (min-width: 992px){
	.customModal .modal-dialog{max-width: 75%;width: 75%;}
}
.modal-content .input-group .form-control{border-right: 0;border-radius: .375rem 0 0 .375rem;}
.modal-content .input-group .btn{border-color: #dee2e6;border-left: 0;border-radius: 0 .375rem .375rem 0;color: var(--th-darkGreen);}
.modal-content .input-group .btn:hover{background-color: transparent;color: var(--primaryColor);}
.modal-content .btn-submit, .modal-content .btn-submit:hover{background-color: var(--primaryColor);color: #fff;border-radius: 20px;}
/*--------End modal styles-----------*/

/*---------User dashboard--------------*/
.user_layout{background-color: #fafafa;}
.card.strategy-card{border-radius: 1rem;padding: 1rem 1.5rem;}
.strategy-card .card-header, .user_layout .api-card .card-header, .card.details-card .card-header{border-bottom:0;background-color: transparent;}
.status-active{background-color: rgba(23, 173, 55, 0.1);color: rgb(4 181 99);}
.status-inactive{background-color: rgba(255, 94, 91, 0.1);color: rgb(245 73 87);}
.status{padding: .375rem .5rem;border-radius: 1rem;font-size:.75rem;font-weight: 600;line-height: 1rem;}
.strategy-card .label-text{font-size: 1rem;color: #757575;font-weight: 500;}
.toggle-switch {position: relative;display: inline-block;width: 60px;height: 30px;}
.toggle-switch input {opacity: 0;width: 0;height: 0;}
.toggle-slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #dc3545;transition: .4s;border-radius: 34px;}
.toggle-slider:before {position: absolute;content: "";height: 22px;width: 22px;left: 4px;bottom: 4px;background-color: white;transition: .4s;border-radius: 50%;}
.toggle-switch input:checked + .toggle-slider {background-color: #198754;}
.toggle-switch input:checked + .toggle-slider:before {transform: translateX(30px);}
.add-money-details h4{color: var(--primaryColor);font-size: 2.25rem;line-height: 2.5rem;}
.add-money-details h4 svg{width: 1.5rem;height: 1.5rem;vertical-align: 1px;}
.add-money-details .btn{background-color:var(--primaryColor);border:1px solid #00bf62;color:#fff;font-weight: 600;font-size: 14px;}
.user_layout .api-card{padding: 1rem;}
.user_layout .api-card .card-header img{height: 60px;}
.details-card .form-group{margin-bottom: 1.5rem;align-items: center;}
.details-card .form-label{text-align: right;margin-bottom: 0;}
.details-card .form-control{border-right: 0;}
.details-card .input-group .input-group-append .btn{color: var(--th-midGreen);border:1px solid #dee2e6;border-left: 0;}
.mainContent .card.curved-div{box-shadow: none;}
.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);}
.subscriber-tabs .nav-tabs{width: auto;border-bottom: 0;gap: 1rem;}
.subscriber-tabs .nav-tabs .nav-link{background-color: #fff;border-radius: 20px;}
.subscriber-tabs .nav-link.text-th-warning.active{border-color: rgb(255 193 7);}
.subscriber-tabs .nav-link.text-th-primary.active{border-color:var(--primaryColor);}
.subscriber-tabs .nav-link.text-th-danger.active{border-color: rgb(245 73 87);}



.card.trader-card{border: 0;}
.trader-card .card-header{background-color: transparent;border-bottom: 0;}
.card-header h6 {font-weight: 600;letter-spacing: 0.5px;}
.card-header .submit-btn{background: linear-gradient(135deg, var(--primaryColor), #7fd41e);color: #fff;border-radius: 15px;padding: .5rem 1rem;}
.card-header .submit-btn:hover{transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);color: #fff;}
.trader-card .section-title {font-size: 1rem;font-weight: 600;margin-bottom: 1rem;display: flex;align-items: center;}
.trader-card .section-title .icon{display: inline-flex;width: 40px;height: 40px;border-radius: 50%;align-items: center;justify-content: center;margin-right: 10px;}
.trader-card .section-title .icon i {font-size: 1.2rem;}
/* .trader-card .section-title .icon.active, 
.trader-card .section-title .icon.inactive,  */
.trader-table {border-collapse: separate;border-spacing: 0 8px;width: 100%;}
.trader-table thead th, .trader-table tbody td{border: none;font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.5px;padding: .35rem .5rem;white-space: nowrap;}
.trader-table thead th {background-color:#f2f2f2;color: #222;}
.trader-table tbody tr {background-color: white;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);transition: var(--transition);}
.trader-table tbody tr:hover {transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);}
.trader-table tbody td {color: #6c757d;border-bottom: 1px solid #f0f2f5;}   
.trader-table tbody tr:last-child td {border-bottom: none;}
.trader-card .spinner-border {display: inline-block;width: 1rem;height: 1rem;vertical-align: text-bottom;border: 0.2em solid #fff;border-right-color: transparent;border-radius: 50%;animation: spinner-border .75s linear infinite;}
@keyframes spinner-border {to { transform: rotate(360deg); }}
.trader-card .inactive-section {margin-top: 2.5rem;padding-top: 1rem;border-top: 1px solid #f0f2f5;}
.floating-alert {position: fixed;top: 20px;right: 20px;z-index: 1000;opacity: 0;transform: translateY(-20px);transition: all 0.4s ease;}
.floating-alert.show {opacity: 1;transform: translateY(0);}
.search-box {max-width: 300px;margin-bottom: 1.5rem;}
.no-traders {text-align: center;padding: 2rem;color: #6c757d;}
.no-traders i {font-size: 2rem;margin-bottom: 1rem;opacity: 0.5;}
@media (max-width: 768px) {
	.trader-table thead {display: none;}
	.trader-table tbody tr {display: block;margin-bottom: 16px;}	
	.trader-table tbody td {display: flex;justify-content: space-between;align-items: center;padding: 12px;text-align: right;border-bottom: 1px solid #f0f2f5;}	
	.trader-table tbody td::before {content: attr(data-label);font-weight: 600;color: #6c757d;margin-right: 1rem;}
	.form-control, .form-select {width: auto;flex-grow: 1;max-width: 60%;}
}



/*---------User dashboard--------------*/

.plchartCard .card-header{background-color: transparent;border-bottom: 0;padding-top: 1rem;}

.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;}
.card-subscribe .rating{display: flex;align-items: center;flex-direction: row;padding: 1rem;}
.card-subscribe .rating p{margin-left: 10px;color: #000;}
.card-subscribe .sub-details label{color: #757575;}
.card-subscribe .sub-details p{text-align: right;}
.card-broking .card-header{background-color: transparent;border-bottom: 0;padding-top: 1.5rem;}
.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{padding-top: 2rem;}
.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;}
.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;}

.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 .bot-list .bot-card .config-btn{padding: 0;text-align: center;border-radius: 50%;}

.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;}
.dashboard, .mainContent, .user_dashboard{padding: 2rem 0;}
.dashboard h1, .mainContent h1, .user_dashboard h1{color: var(--th-darkGreen);margin-bottom: 2rem;}
.dashboard .bot-card{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(--th-midGreen);}
.active_bots_page .bot-card{box-shadow: none;}
.active_bots_page .bot-card .card-header{border-bottom: 0;}
.active_bots_page .bot-card.bg-success{background-color: #C2FEE3!important;border-color: #a9fad5;}
.active_bots_page .bot-card.bg-danger{background-color: #FDE5E3!important;border-color: #fdd6d3;}
.active_bots_page .bot-card .config-btn{border-radius: 50%;padding: 0;width: 35px;height: 35px;line-height: 1;}
.active_bots_page .bot-card .config-btn svg{height: 1.2em;}
.bot-card .config-btn{border-radius: 20px;background-color:#fff;font-weight: 500;font-size: 1rem;padding: .5rem 1.5rem;color:var(--th-midGreen);}
.bot-card .config-btn:hover{border-radius: 20px;background-color: var(--th-midGreen);color: #fff;box-shadow: 0px 4px 15px var(--th-midGreen);}




/*--------------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;}
/*--------------button styles-------------*/
.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-edit, .mainContent .btn-edit:hover{background-color: #FCBA03;}
.mainContent .btn-edit span{color: #FCBA03;}
.mainContent .btn-add-sub span, .mainContent .btn-edit span, .mainContent .btn-cancel span{background-color: #000;}
.mainContent .btn-save span{background-color: #00bf62;color: #fff;}

.config-form .btn{min-height: 58px;}
#positionsTabs{margin-bottom:1.5rem;border-bottom:0;}
#positionsTabs .nav-item{border-bottom: 2px solid #ccc;padding-right:5px;width: 10%;}
#positionsTabs .nav-item .nav-link{text-align: center;position: relative;z-index: 10;border: 0;border-radius: 15px;color: #565656;}
#positionsTabs .nav-item .nav-link.active{background-color: var(--th-lightGreen);color: #fff;}
.positions-tabs .nav-tabs .nav-link{margin-bottom: 0;border: 0;border-radius: 15px;padding: .5rem 1rem;color: #333;min-width: 80px;margin-right: 6px;}
.positions-tabs .nav-tabs .nav-link.active{background-color: #43B1E4;color: #fff;font-weight: 600;}



.user_dashboard .mainCard{border:0;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);}
.payment-details form .btn-submit{background-color: var(--th-midGreen);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(--th-midGreen);}

.list-scroll-x {
    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(--th-midGreen);
  
  }
.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;} 

.admin_layout .curved-div{border-radius:10px;box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);position: relative;}
.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;}
.curved-div .icon{color: rgba(0,0,0,.15);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(--th-midGreen);}

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(--th-midGreen);}
.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;
}
.hide{
  display: none;
}