@font-face {
    font-family: myChineseFont;
    src: url(../font/Noto_Sans_TC/NotoSansTC-VariableFont_wght.ttf);
}

:root {
    --robot-color-vds1: #4F41CE;
    --robot-color-vds2:#1A77AC;
    --robot-color-volume_master:#1A77AC;
    --robot-color-gapper:#2B74B8;
    --robot-color-matt:#324DE0;
    --robot-color-dips_trader:#324DE0;
    --robot-color-darvas:#8644B0;
    --robot-color-tm38:#00A0FB;
    --robot-color-tm100:#038B94;
    --robot-color-breakout:#4786FF;
    --robot-color-tmgen2:#0D2C54;
    
    --robot-filter-vds1:brightness(0) saturate(100%) invert(18%) sepia(61%) saturate(4954%) hue-rotate(245deg) brightness(88%) contrast(82%);
    --robot-filter-vds2: brightness(0) saturate(100%) invert(39%) sepia(59%) saturate(637%) hue-rotate(157deg) brightness(92%) contrast(97%);
    --robot-filter-volume_master: brightness(0) saturate(100%) invert(39%) sepia(59%) saturate(637%) hue-rotate(157deg) brightness(92%) contrast(97%);
    --robot-filter-gapper: brightness(0) saturate(100%) invert(40%) sepia(77%) saturate(483%) hue-rotate(167deg) brightness(88%) contrast(97%);
    --robot-filter-matt:  brightness(0) saturate(100%) invert(18%) sepia(74%) saturate(4054%) hue-rotate(232deg) brightness(95%) contrast(85%);
    --robot-filter-dips_trader:  brightness(0) saturate(100%) invert(18%) sepia(74%) saturate(4054%) hue-rotate(232deg) brightness(95%) contrast(85%);
    --robot-filter-darvas: brightness(0) saturate(100%) invert(34%) sepia(13%) saturate(3120%) hue-rotate(235deg) brightness(98%) contrast(97%);
    --robot-filter-tm38:brightness(0) saturate(100%) invert(71%) sepia(58%) saturate(7123%) hue-rotate(173deg) brightness(97%) contrast(107%);
    --robot-filter-tm100: brightness(0) saturate(100%) invert(36%) sepia(91%) saturate(620%) hue-rotate(140deg) brightness(96%) contrast(98%);
    --robot-filter-breakout: brightness(0) saturate(100%) invert(48%) sepia(38%) saturate(4240%) hue-rotate(203deg) brightness(102%) contrast(101%);
    --robot-filter-tmgen2:brightness(0) saturate(100%) invert(71%) sepia(58%) saturate(7123%) hue-rotate(173deg) brightness(97%) contrast(107%);
    
    --robot-tooltip-bg-color: #5E5DF5;
    --robot-tooltip-clickable-bg-color: #5E5DF5;
    
    --watchlist-system-color: #332A87;
    --watchlist-trainer-color: #1D7000;
    --watchlist-user-color: #054AB5;
    
    --watchlist-trainer-bg:#EDFFE7;
    --watchlist-system-bg:#F0F0FF;
    --watchlist-user-bg: #EDF4FF;
    
     --watchlist-trainer-bg-darker:#CBFFB8;
    --watchlist-system-bg-darker:#D8D8FF;
    --watchlist-user-bg-darker:#C3DAFF;
    --purple-border-color:#e3e0ff;
}


body #login:has(#loginForm.show .login2) .beforeLoginTabContainer{
	align-items: flex-start !important;
}

body #login:has(#loginForm.show .login2) .changeLanguageAtLogin .dropdownMenuButtonLocale{
	display:none;
}

/* .bannerContainer{ */
/* 	background-image:url(../img/login/mountain.svg); */
/* 	background-size: cover; */
/*       background-position: center; Center the image */
/*       background-repeat: no-repeat; Prevent repeating */
/* } */

.bannerContainerInner{
	min-height:300px;
	background-image:url(../img/login/mountain_cover.jpg);
	background-size: cover;
      background-position: center; /* Center the image */
      background-repeat: no-repeat; /* Prevent repeating */
}

.bg2Container{
	min-height:100px;
	background-image:url(../img/login/bg2.jpg);
	background-size: cover;
      background-position: center; /* Center the image */
      background-repeat: no-repeat; /* Prevent repeating */
}

.bg2Container .container{
	/* justify-content: space-evenly;
	flex-wrap: wrap; */
}

.robotsContainer{
	min-height:100px;
	background-image:url(../img/login/robot_bg.jpg);
	background-size: cover;
      background-position: center; /* Center the image */
      background-repeat: no-repeat; /* Prevent repeating */
	
}

.testimonialsContainer{
	min-height:100px;
	background-image:url(../img/login/testimonial-bg.jpg);
	background-size: cover;
      background-position: center; /* Center the image */
      background-repeat: no-repeat; /* Prevent repeating */
}

.frequentAskQuestionContainer{
	min-height:100px;
	background-image:url(../img/login/frequent_ask_question_bg.jpg);
	background-size: cover;
      background-position: center; /* Center the image */
      background-repeat: no-repeat; /* Prevent repeating */
}

.partneredBrokersContainer{
	min-height:100px;
	background-image:url(../img/login/partnered_brokers_bg.svg);
	background-size: cover;
      background-position: center; /* Center the image */
      background-repeat: no-repeat; /* Prevent repeating */
	
}

.tabulator{
	background:transparent;
	border-color:transparent;
}

.tabulator-row .tabulator-cell{
	border-color:transparent;
}

.tabulator .tabulator-header{
	background-color:transparent;
}

.tabulator .tabulator-header .tabulator-col{
	background:transparent;
	border-color:transparent;
}


::-webkit-scrollbar-button {  background-color: #F0F0F0; }
::-webkit-scrollbar-track {  background-color: #858585;}
::-webkit-scrollbar-track-piece { background-color: #F0F0F0;}
::-webkit-scrollbar-thumb { background-color: #858585; }
::-webkit-scrollbar-corner { background-color: #F0F0F0;}
::-webkit-resizer { background-color: #858585;}

[data-bs-theme=dark] ::-webkit-scrollbar-button {  background-color: #000; }
[data-bs-theme=dark] ::-webkit-scrollbar-track {  background-color: #646464;}
[data-bs-theme=dark] ::-webkit-scrollbar-track-piece { background-color: #000;}
[data-bs-theme=dark] ::-webkit-scrollbar-thumb { background-color: #666; }
[data-bs-theme=dark] ::-webkit-scrollbar-corner { background-color: #646464;}
[data-bs-theme=dark] ::-webkit-resizer { background-color: #666;}

::-webkit-scrollbar { width: 8px; height: 8px;}
::-webkit-scrollbar-thumb { height: 50px; border-radius: 3px;}

.tabulator .tabulator-header
{
	color: var(--bs-body-color);
}

.tabulator-row{
	color: var(--bs-body-color);
	background-color: var(--bs-card-bg) !important;
}

.tabulator-row.tabulator-row-even {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important;
}


.watchlistTab.active{
	font-style:normal !important;
	font-weight:bold;
}

body .exit_strategy_lists_container .card:has(.card-body input[type="radio"][name="exit_strategy"]:checked){
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important;
}

.parameters_entries_table{
	overflow:inherit;
}

@media (min-width: 576px) {
 
}

.btnAccordian {
   transition: all 0.5s;
   width:30px;
   height:30px;
}
.btnAccordian.collapsed {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 

.strategyLabPreviewContainer .chartContainer,
.modalViewStockTradeDetails .chartContainer,
.optionsRobot .chartContainer,
.optionsRobot .chartContainer,
.equityChartBasedOnInitCapContainer{
	height:250px;
}

.strategyLabPreviewContainer  .tradeDetailsContainer,
.strategyLabPreviewContainer  .allTradesContainer{
	min-height:10vh;
}

.stockTradeDetails .allTradesContainerInner{
	height:60vh;
}
body.notLoggedIn > .navbar{
	display:none;	
}

.bg-body-secondary.notLoggedIn{
	background-image: linear-gradient(to right, #A139FD , #39B2FA);
}

#login .card{
	border-radius:25px;
}

.settings{
	
	
}

.settings .profile .image{
	width:100px;
	height:100px;
	border-radius:100px;
	font-size: 70px;
    font-weight: bold;
    color: white;
	background-image: linear-gradient(#1BAAE6, #DD0A66);
}


.dashboard .tabulator .tabulator-tableholder .tabulator-table{
	background:none;	
}

.dashboard-table.tabulator .tabulator-row{
	margin-bottom:15px;
	--bs-bg-opacity: 1;
/*     background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important; */
	background-color: white !important; 
    border-radius:10px;
    /* border: var(--bs-border-width) solid var(--bs-border-color); */
}

.dashboard .parameters_entries_preview .tabulator-row{
	margin-bottom:0px;
}

.text-normal{
	white-space:normal;
}

.dashboard .description{
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.4;
    word-break: break-word;
}
.innerContainerDisplayValue .col:not(:last-child)  .card-body{
	border-right:var(--bs-card-border-width) solid var(--bs-card-border-color);
}

/* #alertWindow .title{
	font-weight:bold;
} */
.btn-group-xs > .btn, .btn-xs {
    padding  : .25rem .4rem;
    font-size  : .875rem;
    line-height  : .5;
    border-radius : .2rem;
}
.dashboard .robot_name{
	    max-width: 100%;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 17px;
}
.dashboard .logo{
	width: 30px;
    height: 20px;
    background-image: url(../img/iconCNX.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    margin-left:8px;
}
 .dashboard .btn-delete-robot{
	visibility: hidden;
}

.dashboard .myMainRowContainer:hover .btn-delete-robot{
	visibility: visible !important;
} 

.loadingContainer{
	min-height:70vh;
}

.loadingContainer .loadingIcon{
	width:250px;
    height: 250px;
    background-image: url(../img/loading_optimized.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    margin:auto;
}

.strategyLabAfterRunTableContainer{
	
}

.tabulator-row.isChild input[type=checkbox]{
	display:none;
}

.popupAddCounterToWatchlist .popover-body{
	padding:0px;
}
.popupAddCounterToWatchlist .popover-body .addCounterToWatchlist{
	padding:3px 10px;
}

.popupAddCounterToWatchlist .popover-body .addCounterToWatchlist:not(:last-child){
	border-bottom:1px solid var(--bs-border-color-translucent);
}


.exit_strategy_lists_container .outerContainerV2{
	background-color:var(--bs-body-bg);
}

/* .nav-item.d-flex .logout{
	min-width:100px;
}
 */


body{
	font-family: 'Inter';
}

html[lang="zh_CN"][zh_cn="loaded"] body,
html[lang="zh_TW"][zh_tw="loaded"] body {
 font-family: myChineseFont;
}

.bg-body-secondary{
	background-color: #f0f0f0 !important;
}

.date-sm-10{
	font-size: 10px;
}

.backtest-input-title{
	color : #332a87;
	font-size: 14px;
    margin: 5px;
}

.card-body-strategy {
    padding: 35px;
}

.strategy_param_form{

}

.exit_strategy_lists_container_inner .outerContainerV2 .pt-strategy-selected {
	background: #f0f0ff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.exit_strategy_lists_container_inner .outerContainerV2 .pt-strategy-even {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.exit_strategy_lists_container_inner .outerContainer{
/* 	border : 2px solid  #ccccff; */
/* 	border-radius: 10px; */
}

.exit_strategy_lists_container_inner .outerContainer .innerContainer:first-child{
/* 	border : 1px solid #332a87; */
}

.parameters_entries_table .tabulator-row{
	background-color: #f0f0ff !important;
    padding-bottom: 7px;
	color :  #332a87;
}

.parameters_entries_table .tabulator-editable {
    border: 1px solid white !important;
    background-color: white;
    border-radius: 5px;
}

.strategyLab .form-select-sm{
	
	font-size:14px;
}

.card-title{
	color :#6460E1;
}

.preview_params_bg{
    background-color: #D9E6FF;
    border-radius: 5px;
}

.preview_params_bg .btnAccordian {
	background-color: #5D5DF5;
}

.tradeQuickInfosView {
	font-size: 13px;
}

.tradeQuickInfosView .card-body,
.tradeQuickInfosViewMM .card-body{
	color : #332a87 !important;
}

.tradeDetailsAllTradeContainer .nav-tabs .nav-link{
    padding-left: 10px;
    padding-right: 10px;
    padding-top:5px;
    padding-bottom:5px;
/*     margin-bottom: 20px; */
/*     border: 1px solid #e6e6e6; */
    border-radius: 5px;
	font-size: 13px;
	color:black;
}

.allTradesContainer .tabulator .tabulator-header{	
	border-top:1px solid #999;
}


#nav-dashboard-tab{
	border:0px solid transparent;
}

.legendUnrealizedTrades{
	font-size:10px;
	font-weight:bold;
}

.tradeDetailsAllTradeContainer .nav-tabs .nav-link.active{
    color : white;
    background-color: #5e5df5 !important;
/*     font-weight: bold; */
}

.modalViewStockTradeDetails .titleContainer {
    background-color: #d0cbff !important;
}

.tradeDetailsAllTradeContainer .tabulator-col-title{
	color : #332a87;
	font-size: 12px;
}

.tradeDetailsAllTradeContainer .tabulator-cell{
	color : #332a87;
	font-size: 12px;
	padding-top:10px;
	padding-bottom:10px;
}


.allTradesContainer .tabulator-col-title{
	color : #332a87;
	font-size: 12px;
}

.allTradesContainer .tabulator-cell{
	color : #332a87;
	font-size: 12px;
}

.totalTradeContainer .card-body{
	color : #332a87;
}

.tradeSummaryContainer .card-body{
	color : #332a87;
	font-size: 13px;
}

.tradeSummaryContainer{
	padding-right : 10px;
}

.titleContainer  .displayStockName{
	color : white;
	font-size : 22px;
}



.displayParametersValue .card-title{
	 font-size: 13px;
}

.displayParametersValue .card-text{
	 font-size: 13px;
}

.theme-font-color{
	color : #332a87;
}

.innerContainerDisplayValue .card-text{
	color : #332a87;
}

.strategyLabAfterRunTable .tabulator-col-title{
	color : #332a87;
	font-size: 12px;
}

.strategyLabAfterRunTable .tabulator-cell{
	color : #332a87;
	font-size: 12px;
}

.labReportTable .tabulator-col-title{
	color : #332a87;
	font-size: 12px;
}

.labReportTable .tabulator-cell{
	color : #332a87;
	font-size: 12px;
}

.updateProfile{
	font-size: 12px;
}

.updateProfile input{
	font-size: 12px;
}

.updateProfile select{
	font-size: 12px;
}

.updateProfile button{
	font-size: 12px;
}

.brokerAPIContainer .submitform{
	padding-top:10px;
}


.theme-font-color-2{
	color : #0563c1;
}

.main-nav .nav-link {
	text-align:center;
    font-size: 12px;
    color : #332a87 !important;
    padding-top : 15px;
	padding-bottom : 10px;
}

@media only screen and (max-width: 40em) { /* small */
	.main-nav .nav-item {
	}
}
@media only screen and (min-width: 40.063em) { /* medium */
	.main-nav .nav-item {
		padding-left:0.5em;
		padding-right:0.5em;
	}
	.strategyLab .topForm .form-select{
		padding-right: 20px;
		background-position: right 0.15rem center;
	}
	
	.strategyLab .topForm .inputDate {
		padding-right: 0px;
	}
}
@media only screen and (min-width: 64.063em) { /* large */
	.main-nav .nav-item {
	}
	.strategyLab .topForm .form-select{
		padding-right: 30px;
		background-position: right 0.45rem center;
	}
	
	.strategyLab .topForm .inputDate {
		padding-right: 0.25em;
	}
}

.main-nav li:has(a.active) {
    border-bottom : 4px solid  #887bfd;
}

.main-nav .nav-link{
	text-transform: uppercase;
}

*:focus {
   outline: 0 !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.main-nav .nav-link {   
	padding-left:0px !important;
	padding-right:0px !important;
}

.main-nav .nav-link.active {
    font-weight: bold;
  
/*     border-bottom : 2px solid  #332a87; */
}

.main-nav .nav-item {
    border-bottom: 1px solid transparent;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom:5px;
}

.main-nav .nav-item {
	margin-left:15px !important;
	margin-right:15px  !important;
}

.main-nav .navbar{
/* 	padding : 0px; */
}

.btn-logout{
	font-size:9px;
	white-space: nowrap;
}

.btn-fix-close{
	padding : 0px !important;
	margin : 0px !important;
}

.margin-auto{
	margin : auto;
}

.mt-10{
	margin-top : 10px;
}

.mb-10{
	margin-bottom : 10px;
}

.watchlistContent {
	font-size: 14px;
}


.watchlistContent .row {
    padding-bottom: 4px;
}

.btn-primary{
	background-color: #5e5df5;
    border: 1px solid #5e5df5;
}

.settings .nav-pills .nav-link{
    color: black ;
    background-color: white;
}

.profile {
	font-size: 14px;
}

.settings .nav-pills .nav-link.active{
    color: #5e5df5 ;
    background-color: white;
}

.navbar-brand-container{
	min-width:113px;
}
.dashboard .exit_strategy_container{
	/* white-space:break-spaces; */
	
}

.dashboard .smallTitle{
	font-size: 14px;
}

.main-nav{
	padding : 0px;
}

/* responsive, form small screens, use 13px font size */
@media (max-width: 991px) {
    .navbar-brand-container{
		min-width:56px;
		display:block !important;
	}
	
}

.k2_positive_num{
	color : #00a973;
}

.k2_negative_num{
	color : #ec5959;
}

.form-check-input:checked {
    background-color:#0d6efd;
    border-color:#0d6efd;
}

.border-0{
	border : 0px;
}

.backBtn{
	background-color: #332a87 !important;
	background-image: url(../img/bck-arrw.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 44px !important;
    background-size: 55% auto;
}

.btn-warning{
	background-color: #FF7600;
	color : white;
}

.changePasswordForm{
	font-size: 12px;
}

.changePasswordForm input{
	font-size: 12px;
}

.changePasswordForm button {
    font-size: 12px;
}

.popupListingsFilter .popover-body{
  padding: 0px;
}

.stockname_k2robot{
	text-decoration: underline;
	color: #332a87;
}

.k2tbl_min_height{
	min-height:40px; 
}

.myConnectionToBrokerModal{
	text-align: center;
}


.myConnectionToBrokerModal .modal-title{
	margin : auto;
}

.myConnectionToBrokerModal .btn-close{
    padding: 0px;
    margin: 0px;
    position: absolute;
    right: 15px;
}

.listings-table .tabulator-col[aria-sort="none"] .tabulator-arrow{
	display:none;
}

.listings-table .tabulator-col[aria-sort="none"] .tabulator-col-title{
	padding-right:0px !important;
}

.listings .bull{
	color:#00a973;
}

.listings .bear{
	color: #e94141;
}

.btn-outline-primary-listing{
	color: #9b9b9b;
	background-color: #f0f0f0 !important;
	border : 0px;
	font-size: 12px;
	padding:7px;
	padding-left:15px;
	padding-right:15px;
	margin-right:5px;
}

.listing-page-radio-option-div{
	margin-top:10px;
	font-size: 12px;
    margin-bottom: 20px;
}

.myListingsTableContainer .tabulator-col-title{
	color : #332a87;
	font-size: 12px;
}

.myListingsTableContainer .tabulator-cell{
	color : #332a87;
	font-size: 12px;
	height:48px;
}

.filterForm{
	font-size: 14px;
    width: 420px; 
}

.filterForm .card-header{
	background-color: white;
}

.filterForm input {
    font-size: 12px;
}

.filterForm select {
    font-size: 12px; 
}

.filterForm button {
    font-size: 12px; 
    width:150px;
}


.popupListingsFilter{
    max-width: none;
}

.popover{
    border: 0px
}

.popover-body{
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.btn-save-icon-svg{
	width:22px;
	height:22px;
}

.settings .nav-pills .nav-link.active .settings-ico{
	filter: invert(35%) sepia(88%) saturate(2882%) hue-rotate(228deg) brightness(98%) contrast(96%);
}

.settings-title{
	font-size: 22px;
}

.settings-title-ico{
	height:25px;
}

.watchlistLink{
	white-space: initial;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor:pointer;
}

.settings-ico{
	width:20px;
	height:auto;
}

.btn-group-cnx label{
	margin-bottom:3px !important;
}

.tradeDetailsAllTradeContainer .tabulator-row{
	margin-bottom:0px;
}


.form-switch .form-check-input{
	--bs-form-switch-bg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='rgb(250,250,250)'/></svg>");
	background-image: var(--bs-form-switch-bg);
	background-color:rgba(180,180,180,1);
	width: 36px;
	height:18px;
}

.form-switch .form-check-input:checked {
    background-color: #3DB840 !important;
}

/* .tradeDetailsContainer .tabulator-col-sorter{
	display:none !important;
}

.tradeDetailsContainer  .tabulator-col-title{
	padding-right:0px !important;
} */

/*  html {
  overscroll-behavior: none;
}

.tabulator .tabulator-tableholder{
	overscroll-behavior: none;
	overflow: scroll !important;
	 overscroll-behavior: none;
	 -webkit-overflow-scrolling: touch;
	background:green;
}  */

/* body .exit_strategy_lists_container .outerContainerV2{	
    border-radius: var(--bs-card-border-radius);
} */

body .exit_strategy_lists_container .outerContainerV2:first-child{
	border-top-left-radius: var(--bs-card-border-radius);
	border-top-right-radius: var(--bs-card-border-radius);
}

body .exit_strategy_lists_container .outerContainerV2:last-child{
	border-bottom-left-radius: var(--bs-card-border-radius);
	border-bottom-right-radius: var(--bs-card-border-radius);
}

.settings-title-ico.broker-ico{
	height:35px;
}

.settings-ico.broker-ico{
	height: 28px;
    width: 28px;
    margin-right: -8px;
    margin-bottom: -8px;
}

.exit_strategy_container .input-group input{
	border-radius: var(--bs-border-radius-sm) !important;
}

#dropdownMenuButton1 > div{	
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width:250px;
}

.dropdown-menu-watchlists{
	overflow:auto;
	max-height:200px;
	max-width:150px;
}
.strategyDescContainer .title{
}

.strategyDescContainer .desc{
}

.popupAddCounterToWatchlist .list-group{
	max-height:200px;
	overflow:auto;
}

.dashboard-table-2 .myMainRowContainer{
	background:white;
	border-radius: 10px;
	margin-bottom: 15px;
	margin-left:0px;
	margin-right:0px;
	border: 1px solid;
	border-color: #CCCCCC; 
}

.dashboard .dashboard-table-2 .form-switch{
	float:right;
}

.topInfos[tier="pro"] .left,
.bgTier[tier="pro"] {
	background-color:#FFF8DD;
	border-color:#E89900 !important;
}

.topInfos[tier="lite"] .left,
.bgTier[tier="lite"] {
	background-color:#E7FFE3;
	border-color:#198754 !important;
}

.topInfos[tier="premium"] .left,
.bgTier[tier="premium"] {
	background-color:#D8E8FF;
	border-color:#0D6EFD !important;
}


.topInfos .left {
	padding:5px 10px;
	border-radius:3px;
	border:1px solid;
}

/*
.ps-timeline-sec {
  position: relative;
  background: #fff;
}
.ps-timeline-sec .container {
  position: relative;
}
@media screen and (max-width: 767px) {
  .ps-timeline-sec .container ol:before {
    background: #348e80;
    content: &quot;&quot;;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 130px !important;
    left: 36px !important;
  }
  .ps-timeline-sec .container ol:after {
    background: #348e80;
    content: &quot;&quot;;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: inherit !important;
    left: 36px;
  }
  .ps-timeline-sec .container ol.ps-timeline {
    margin: 130px 0 !important;
    border-left: 2px solid #348e80;
    padding-left: 0 !important;
    padding-top: 120px !important;
    border-top: 0 !important;
    margin-left: 25px !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li {
    height: 220px;
    float: none !important;
    width: inherit !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
    width: 70px;
  }
  .ps-timeline-sec .container ol.ps-timeline li:last-child {
    margin: 0;
    bottom: 0 !important;
    height: 120px;
  }
  .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
    bottom: 40px !important;
    width: 40% !important;
    margin-left: 25px !important;
    margin-top: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
    width: 100%;
  }
  .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
    margin-bottom: 0 !important;
    top: 20px;
    width: 50% !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span {
    left: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
    content: none !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    position: absolute !important;
    bottom: 150px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
    margin: 0 auto !important;
    width: 80% !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    position: absolute !important;
    bottom: 115px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li p {
    text-align: left !important;
    width: 100% !important;
    margin: 0 auto !important;
    margin-top: 0px !important;
  }
  .ps-timeline-sec .container ol.ps-timeline li .ps-top {
    width: 60% !important;
    float: right !important;
    right: 0;
    top: -40px;
  }
  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    width: 60% !important;
    float: right !important;
    right: 0;
    top: -40px;
  }
  
  
}
.ps-timeline-sec .container ol:before {
  background: #348e80;
  content: &quot;&quot;;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  left: 8px;
  top: 49.5%;
}
.ps-timeline-sec .container ol:after {
  background: #348e80;
  content: &quot;&quot;;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  right: 8px;
  top: 49.5%;
}
.ps-timeline-sec .container ol.ps-timeline {
  margin: 300px 0;
  padding: 0;
  border-top: 2px solid #348e80;
  list-style: none;
}
.ps-timeline-sec .container ol.ps-timeline li {
  float: left;
  width: 20%;
  padding-top: 30px;
  position: relative;
}
.ps-timeline-sec .container ol.ps-timeline li span {
  width: 10px;
  height: 10px;
  margin-left: -5px;
  background: #348e80;
  border: 4px solid #348e80;
  border-radius: 50%;
  box-shadow: 0 0 0 0px #fff;
  text-align: center;
  line-height: 50px -10;
  color: #df8625;
  font-size: 2em;
  font-style: normal;
  position: absolute;
  top: -5px;
  left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
  content: &quot;&quot;;
  color: #348e80;
  width: 2px;
  height: 50px;
  background: #348e80;
  position: absolute;
  top: -50px;
  left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
  content: &quot;&quot;;
  color: #348e80;
  width: 8px;
  height: 8px;
  background: #348e80;
  position: absolute;
  bottom: 90px;
  left: 44%;
  border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
  content: &quot;&quot;;
  color: #348e80;
  width: 2px;
  height: 50px;
  background: #348e80;
  position: absolute;
  bottom: -50px;
  left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
  content: &quot;&quot;;
  color: #348e80;
  width: 8px;
  height: 8px;
  background: #348e80;
  position: absolute;
  top: 90px;
  left: 44%;
  border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
  position: absolute;
  bottom: 0;
  margin-bottom: 80px;
  width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
  display: table;
  margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
  position: absolute;
  margin-top: 30px;
  width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
  display: table;
  margin: 0 auto;
}

.ps-timeline-sec .container ol.ps-timeline li .outer{
    padding: 8px;
    background: white;
    border-radius: 8px;
}

.ps-timeline-sec .container ol.ps-timeline li .inner{
  text-align: left;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 100px;
    border: 1px solid blue;
    border-radius: 8px;
    background: white;
    padding: 10px 20px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
  position: absolute;
  bottom: 0;
  margin-bottom: 100px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
  position: absolute;
  margin-top: 35px;
}


  .ps-timeline-sec .container ol.ps-timeline li .ps-top,
  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
   	    padding:10px;
   	    border-radius:8px;
   	    background:green;
   }
   
  .ps-timeline-sec .container ol.ps-timeline li.step1 .ps {
   	background:#66D73F;
   }
	.ps-timeline-sec .container ol.ps-timeline li.step1 .ps .inner{
		border-color:#66D73F;
	}
	
	.ps-timeline-sec .container ol.ps-timeline li.step2 .ps {
   	background:#0F7FE7;
   }
	.ps-timeline-sec .container ol.ps-timeline li.step2 .ps .inner{
		border-color:#0F7FE7;
	}
	
	.ps-timeline-sec .container ol.ps-timeline li.step3 .ps {
   	background:#FFAA5C;
   }
	.ps-timeline-sec .container ol.ps-timeline li.step3 .ps .inner{
		border-color:#FFAA5C;
	}
	
	.ps-timeline-sec .container ol.ps-timeline li.step4 .ps {
   		background:#DF74AB;
   }
	.ps-timeline-sec .container ol.ps-timeline li.step4 .ps .inner{
		border-color:#DF74AB;
	}
	
	.ps-timeline-sec .container ol.ps-timeline li.step5 .ps {
   	background:#332A87;
   }
	.ps-timeline-sec .container ol.ps-timeline li.step5 .ps .inner{
		border-color:#332A87;
	}
*/
/*
div.ps-timeline{
	display: flex;
  	align-items: center;
  	justify-content: center;
}
div.ps-timeline > div{
	 display: flex;
    flex-direction: row;
}

div.ps-timeline > div > div{
	display: flex;
    flex-direction: column;
	text-align:center;
}

div.ps-timeline div.middle .ps-sp-bot .line{
	border:1px solid gray;
	position: relative;
}

div.ps-timeline div.middle .ps-sp-bot .line .point{
	width:10px;
	height:10px;
	background:gray;
	border-radius:10px;
	position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
}
*/

ul.ps-timeline {
 list-style-type: none;
    margin: 0;
    height: 180px;
    padding: 0;
    margin-top: 180px;
}

ul.ps-timeline li {
  float: left;
  width: 20%;
  text-align:center;
      position: relative;
    border-top: 2px solid #C7C7C7;
    height:0px;
}

ul.ps-timeline li .img-handler img{
	width:70px;
}
ul.ps-timeline li .ps.ps-top,
ul.ps-timeline li .img-handler-top{
	position:absolute;
	bottom:0;
	margin-bottom:30px;
	width: 100%;
}

ul.ps-timeline li .ps.ps-bot,
ul.ps-timeline li .img-handler-bot{
	margin-top:40px;
}

ul.ps-timeline li .ps-sp-bot,
ul.ps-timeline li .ps-sp-top{
	position:absolute;
	width:10px;
	height:10px;
	border-radius:10px;
	background:#000000;
	margin-top: -5px;
    margin-left: -5px;
}

ul.ps-timeline li .line{
	width:100%;
}

ul.ps-timeline li .ps .outer{
	position: relative;
	padding: 8px;
	border-radius:8px;
	width: 110%;
    margin-left: -5%;
}

ul.ps-timeline li .ps .outer .stepNo{
	position: absolute;
    width: 40px;
    height: 40px;
    right: 20px;
    top: -20px;
    color: white;
    text-align: center;
    line-height: 40px;
    border-radius: 8px;
    font-weight:bold;
}

ul.ps-timeline li .ps .outer .inner-border{
    background: white;
    padding: 8px;
    border-radius:8px;
}

ul.ps-timeline li .ps .inner{
	border-radius:8px;
	min-height:80px;
	display: flex;
    align-items: center;
    justify-content: center;
    border:2px solid;
    padding: 8px;
}
ul.ps-timeline li .ps .inner .desc{
  display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    font-weight:bold;
}

ul.ps-timeline li.step1 .ps .outer,
ul.ps-timeline li.step1 .ps .outer .stepNo{
	background:#66D73F;
}

ul.ps-timeline li.step1 .ps .inner{
	border-color:#66D73F;
}


ul.ps-timeline li.step2 .ps .outer,
ul.ps-timeline li.step2 .ps .outer .stepNo{
	background:#0F7FE7;
}

ul.ps-timeline li.step2 .ps .inner{
	border-color:#0F7FE7;
}

ul.ps-timeline li.step3 .ps .outer,
ul.ps-timeline li.step3 .ps .outer .stepNo{
	background:#FFAA5C;
}

ul.ps-timeline li.step3 .ps .inner{
	border-color:#FFAA5C;
}

ul.ps-timeline li.step4 .ps .outer,
ul.ps-timeline li.step4 .ps .outer .stepNo{
	background:#DF74AB;
}

ul.ps-timeline li.step4 .ps .inner{
	border-color:#DF74AB;
}


ul.ps-timeline li.step5 .ps .outer,
ul.ps-timeline li.step5 .ps .outer .stepNo{
	background:#332A87;
}

ul.ps-timeline li.step5 .ps .inner{
	border-color:#332A87;
}


@media screen and (max-width: 767px) {
	ul.ps-timeline {
		height:auto !important;
		margin-top: auto;
	}
	ul.ps-timeline li {
	   width:100%  !important;
	      position: static  !important;
	    height:auto  !important;
	    float:none;
	    display:table;
	    border:0px;
	}
	ul.ps-timeline li > div{
		display:table-cell;
		    vertical-align: middle;
	}
	ul.ps-timeline li .ps.ps-top,
	ul.ps-timeline li .img-handler-top{
		position:static  !important;
		    margin-bottom: auto;
	}
	ul.ps-timeline li .ps-sp-bot,
	ul.ps-timeline li .ps-sp-top{
		position:relative  !important;
		display:block;
		top: 50%;
	}
	ul.ps-timeline li .ps.ps-bot, 
	ul.ps-timeline li .img-handler-bot {
	    margin-top: auto;
	}
	
	ul.ps-timeline li .ps, 
	ul.ps-timeline li .img-handler {
	   width:50%  !important;
	   padding: 10px;
	}
	
	ul.ps-timeline li .line{
		width:0%  !important;
		vertical-align:top;
		position:relative;
	}
	ul.ps-timeline li .line .line-inner{
		position:absolute;
		    height: 100%;
		        width: 0px;
    	border: 1px solid gray;
	}
	
	ul.ps-timeline li .ps .outer{
		width: 100%;
	    margin-left: 0%;
	}
}

.timeline-container{
	display: inline-table;
    width: 100%;
    padding: 20px;
    background: #F2F1FF;
    border-radius:8px;
}

.clear{
	clear:both;
}

#lf_setting_name{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.4;
    word-break: break-word;
}

.labReportsContainer .displayPermutation,
.labReportsContainer .displayStrategy,
.labReportsContainer .displayWname
{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.4;
    word-break: break-word;
    white-space: normal;
}

.optionsRobotV2Container .subTitleTop,
.optionsRobotV2Container .subTitleBottom{
	color:#332A87;	
}

.optionsRobotV2Container .step1 .card-header{	
	background:#E12D2D;
}
.optionsRobotV2Container .step2 .card-header{	
	background:#0F7FE7;
}
.optionsRobotV2Container .step3 .card-header{	
	background:#FFB423;
}
.optionsRobotV2Container .step4 .card-header{	
	background:#332A87;
}
.optionsRobotV2Container .step5 .card-header{	
	background:#332A87;
}
.optionsRobotV2Container .display-value-container{	
	font-size: 25px;
	line-height:25px;
	font-weight:bold;
}
.optionsRobotV2Container .step3 .display-value-container{	
	color:#FFB423;
}
.optionsRobotV2Container .step4 .display-value-container{	
	color:#DF74AB;
}
.optionsRobotV2Container .step5 .display-value-container{	
	color:#332A87;
}

.optionsRobotV2Container .card-header{	
	color:white;
}

.optionsRobotV2Container .imgContainer img{
	height:70px;
}

.optionsRobotV2Container .descContainer{
	min-height:60px;
}

.slider .tooltip.bs-tooltip-top {
    margin-top: -34px;
}

.slider .tooltip.bs-tooltip-top{
	position:relative;
}

.slider .tooltip-inner {
    display: table-caption;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
    bottom: -5px;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000 !important;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
/* 
.btn-check+.btn .isChecked{
 	display:none !important;
}

.btn-check+.btn .notChecked{
 	display:block !important;
}

.btn-check:checked+.btn .isChecked{
 	display:block !important;
}
.btn-check:checked+.btn .notChecked{
 	display:none !important;
} */


.btn-check+label .isChecked{
 	display:none !important;
}

.btn-check+label .notChecked {
 	display:block !important;
}

.btn-check:checked+label .isChecked{
 	display:block !important;
}

.btn-check:checked+label .notChecked{
 	display:none !important;
}


.btn-deactivate-robot,
.btn-deactivate-robot:focus,
.btn-deactivate-robot:hover{
	color: white;
    border-radius: 8px;
    background: linear-gradient(93deg, #F29425 0%, #DC2424 100%);
}

.btn.btn-activate-robot, 
.btn.btn-activate-robot:focus,
.btn.btn-activate-robot:hover{
	color: white;
	border-radius: 8px;
	background: linear-gradient(93deg, #66D73F 0%, #45D2FF 100%);
}

.ps-timeline-sec .display-value-container{
	display:block !important;
}

.ps-timeline-sec .edit-value-container{
	display:none !important;
}

.ps-timeline-sec.disabled .display-value-container{
	display:none !important;
}

.ps-timeline-sec.disabled .edit-value-container{
	display:block !important;
}
.slider-horizontal{
	width:100% !important;
}

.ps-timeline-sec .row .step-container{
	padding-left:5px;
	padding-right:5px;
}
.step-main-container .tooltip-inner{
	background:#747474;
}

.step-main-container .bs-tooltip-auto[x-placement^=top] .arrow::before, 
.step-main-container .bs-tooltip-top .arrow::before{
    border-top-color: #747474 !important;
}

.step-main-container.editing .tooltip-inner{
	background-color:#5E5DF5 !important;
}

.step-main-container.editing .slider-handle{
	background-image:url('../img/options_robot_v2/Group 336.svg');
	background-size: contain;
}

.step-main-container .slider.slider-disabled .slider-handle{
	background-image:url('../img/options_robot_v2/Group 339.svg');
	background-size: contain;
}

.step-main-container.editing .bs-tooltip-auto[x-placement^=top] .arrow::before, 
.step-main-container.editing .bs-tooltip-top .arrow::before {
    border-top-color:#5E5DF5 !important;
}

.step-main-container .btnConfirm{
	background:#5ED635;
}

/*
.btn-check:checked+.btn, 
.btn.active, 
.btn.show, 
.btn:first-child:active, 
:not(.btn-check)+.btn:active {
    color: white !important;
    background-color: #2962ff !important;
    border: 0px;
}*/

.step-main-container .btnEdit,
.step-main-container .btnConfirm{
	min-width: 80px;
}

.optionsRobotV2Container .btn-activate-robot,
.optionsRobotV2Container .btn-deactivate-robot{
	min-width: 200px;
}

.deleteStrategies{
	text-transform:uppercase;
}

#pills-faq-tab{
	text-transform:none;
}

.faq_main_ol{
}

.faq_main_ol > li{
	padding:10px;	
}

.faq .accordion-button:not(.collapsed){
	background-color: #f0f0ff ;
	box-shadow: 0 0 0 0.25rem rgba(220, 217, 255, 1) !important;
}
.faq .accordion-body{
	color:#57585a;
}

/* .faq .accordion-collapse.show{
	background-color: #f0f0ff ;
} */

.btnReferralReward {
	background-color:#5ED635;
	border-radius: 8px;
    padding: 6px 10px;
}

.btnReferralReward .img img{
	width:25px;
}

.btnReferralReward .text{
	color:white;
	white-space: nowrap;
	font-size: .7em;
	margin-left:10px;
}

.referralRewardContainer{
	
}

.progressbar-wrapper {
    background: #fff;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.progressbar li.active {
    color: green;
    font-weight: bold;
}

.progressbar li {
    list-style-type: none;
    width: 32%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
}
.progressbar-2 li.active .stepContainer{
    border-color:#44B01E;
}
.progressbar-2 li .stepContainer{
	width: 85px;
    height: 85px;
    border: 5px solid #DEDBFF;
    display: block;
    text-align: center;
    margin: 0 auto 3px auto;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}


.progressbar-2 li.active .stepContainer{
    background: #5ED634;
    color: white;
}

.progressbar-2 li.active .stepContainer .innerStepContainer .title{
	color: white;
}

.progressbar-2 li .stepContainer .innerStepContainer .title{
	font-size:x-large;
	line-height:25px;
	color: #332A87;
    font-weight: bold;
}

.progressbar-2 li .stepContainer .innerStepContainer:after {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.progressbar-2 li.active .stepContainer .innerStepContainer:after {
    background-image:url('../img/referral_reward/tick.svg');
}

.progressbar-2 li .stepContainer .innerStepContainer:after {
    background-image:url('../img/referral_reward/ant-design_gift-filled.svg');
}
.progressbar li.active:after {
    background-color: #5ED634;
}
.progressbar li::after {
    width: 100%;
    height: 8px;
    content: '';
    position: absolute;
    background-color: #DEDBFF;
    top: 30px;
    left: 0%;
    z-index: 0;
}
.progressbar li:first-child:after{
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
.progressbar li:last-child:after{
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
}

ol.lower-alpha-right-parenthesis{
  counter-reset: list;
  padding-left: 20px;
  margin: 0px;
}
ol.lower-alpha-right-parenthesis > li {
  list-style: none;
}
ol.lower-alpha-right-parenthesis > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
  margin-left: -16px;
}

.referralRewardContainer .noteContainer{
	color:#747474;
	font-size: small;
}

.removeDefaultTabulatorSortArrow .tabulator-col[aria-sort="none"] .tabulator-arrow{
	display:none;
}

.removeDefaultTabulatorSortArrow .tabulator-col[aria-sort="none"] .tabulator-col-title{
	padding-right:0px !important;
}

#subscription-table{
}

#subscription-table .tabulator-col-title{
	color:#41388F;
}

#subscription-table .tabulator-header{
	border-color:transparent;	
}

.btn-whatsapp, 
.btn-whatsapp:hover, 
.btn-whatsapp:active, 
.btn-whatsapp:visited,
.btn-whatsapp:focus {
    background-color: #60D668 !important;
    color:white;
}

.btn-whatsapp.icon{
	background-image: url(../img/whatsapp-logo-white.png);
    background-size: auto 80%;
    background-repeat: no-repeat;
    padding-left: 50px;
    background-position: center;
    background-position-x: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-custom {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.titleColor{
	color:#41388F;	
}


.tableSuccessfullReferralTable .tabulator-row .tabulator-cell,
.tablePendingReferralTable .tabulator-row .tabulator-cell{
	color:#332A87;
	min-height:40px;
} 

.tableSuccessfullReferralTable .tabulator-header .tabulator-col .tabulator-col-content,
.tablePendingReferralTable .tabulator-header .tabulator-col .tabulator-col-content{
	min-height:35px;
}


.ref_rw_status[data-i18n="ref_rew_pending"]{
	color:#FFB84D;
}

.ref_rw_status[data-i18n="ref_rew_expired"]{
	color:red;
}

.ref_rw_status[data-i18n="ref_rew_active"]{
	color:#00A973;
}

.tableSuccessfullReferralTable.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title,
.tablePendingReferralTable.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{
	color:#312C87;
}

.footer {
  background-color: #D9D9D9;
}

.myInnerPageContainer{
	height: calc(100vh - 140px); 
}

.inactiveSubscriptionMessage {
	background:#DEDBFF;
}

.ps-timeline-sec .card{
	max-width:240px;
}

.actualFooter .desc{
	line-height:15px;
}

#nav-dashboard-tab .nav-link{
	 text-transform: uppercase;
}

.activateRobotCheckbox{
	cursor:pointer;
}

.activateRobotCheckbox:hover {
  filter: brightness(85%);
}

.allTradesContainer .tabulator-footer{
	display:none;
}

.winrate_label{
	color:#B873B6;
	width:90px;
	text-align:center;
}

.no_of_trades_label{
	color:#00A3E8;
	width: 100px;
    text-align: center;
}

.shareDashboardContainer .winrate_label,
.shareDashboardContainer .no_of_trades_label{
	font-size:12px;
	width: 85px !important;
}
.sortedByExitDateContainer{
	color:#332a87;
}

.option_statistic_tbl{
}

.tbl_border_radius thead tr th:first-child{
	border-top-left-radius: var(--bs-border-radius) !important;
}

.tbl_border_radius thead tr th:last-child{
	border-top-right-radius: var(--bs-border-radius) !important;
}

.tbl_border_radius tbody tr:last-child th:first-child{
	border-bottom-left-radius: var(--bs-border-radius) !important;
}

.tbl_border_radius tbody tr:last-child td:last-child{
	border-bottom-right-radius: var(--bs-border-radius) !important;
}

.tbl_border_radius tbody tr:last-child th,
.tbl_border_radius tbody tr:last-child td{
	border-bottom:0px;
}

.option_statistic_tbl th,
.option_statistic_tbl td{
	font-size: 1rem;
}

.statisticContainer {
	overflow-x:auto;
}

.option_statistic_tbl .tbl_title{
	color:#332a87;
}

.option_statistic_tbl thead tr th{
	background-color:#F2F1FF;
}

.watchlist.system{
	
}

.mainSubmenusContainer{
	background:#887BFD;
	padding-top:10px;
}

.mainSubmenusContainer .nav-link-custom,
.mainSubmenusContainer .nav-link-custom-external{
	color:white;
	display:table;
	padding-bottom:5px;
	margin-left:25px;
	margin-right:25px;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom:5px;
}

.mainSubmenusContainer .nav-link-custom.active{
	border-bottom:3px solid white;
	font-weight:bold;
}
.mainPageTitle{
	display:none;
}

.outerContainerV2{
	position:relative;
}

.mainInnerContainerExitStrategy .contents .outerContainerV2:not(:first-child){
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top:0px;
}
.mainInnerContainerExitStrategy .contents .outerContainerV2:not(:last-child){
	border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

body .exit_strategy_lists_container .profitTaking .outerContainerV2:has(input.exitsGroupRadioButton[type="radio"]:checked), 
body .exit_strategy_lists_container_preview .profitTaking .outerContainerV2:has(input.exitsGroupRadioButton[type="radio"]:checked), 
body .exit_strategy_lists_container .profitTaking .outerContainerV2:has(input.exitsGroupRadioButton[type="checkbox"]:checked), 
body .exit_strategy_lists_container_preview .profitTaking .outerContainerV2:has(input.exitsGroupRadioButton[type="checkbox"]:checked) {
    --bs-bg-opacity: 1;
    background-color: #E6FFDD !important;
}

body .exit_strategy_lists_container .stopLoss .outerContainerV2:has(input.exitsGroupRadioButton[type="radio"]:checked), 
body .exit_strategy_lists_container_preview .stopLoss .outerContainerV2:has(input.exitsGroupRadioButton[type="radio"]:checked), 
body .exit_strategy_lists_container .stopLoss .outerContainerV2:has(input.exitsGroupRadioButton[type="checkbox"]:checked), 
body .exit_strategy_lists_container_preview .stopLoss .outerContainerV2:has(input.exitsGroupRadioButton[type="checkbox"]:checked) {
    --bs-bg-opacity: 1;
    background-color: #FFEDED !important;
}


.mainInnerContainerExitStrategy .title{
	font-weight:bold;
	padding-bottom:10px;
}

.profitTaking .mainInnerContainerExitStrategy .title{
	color:#5ED635;
}

.stopLoss .mainInnerContainerExitStrategy .title{
	color:#E12D2D;
}


.mainInnerContainerExitStrategy i{
	color:#0F7FE7;
}


.mainInnerContainerExitStrategy .outerContainerV2 .desc{
	color:#818181;
	font-size: 12px;
    margin-top: -10px;
    margin-bottom: 15px;
    padding-right: 15px;
     font-style: italic;
    
}

/* Hide the default checkbox appearance */
.styled-checkbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid #ccc;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}

/* Custom checked state */
.styled-checkbox:checked {
  border-color: #007bff; /* Change to your preferred color */
}

.styled-checkbox:checked::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #007bff; /* Change to your preferred color */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.previewContainer .styled-checkbox:checked {
  border-color: lightgray; /* Change to your preferred color */
}

.previewContainer .styled-checkbox:checked::before {
  background-color: lightgray; /* Change to your preferred color */
}

.tradeSizeContainer .minus, .tradeSizeContainer .plus, .tradeSizeContainer .trade_size,
.submitFormTradeSize .minus, .submitFormTradeSize .plus, .submitFormTradeSize .trade_size{
	width:28px;
	height:31px;
	border:1px solid #C7C8C9;
	border-radius:0px;
}
.tradeSizeContainer .trade_size,
.submitFormTradeSize .trade_size{
	width:35px;
	text-align:center;
}

.tradeSizeContainer .minus,
.submitFormTradeSize .minus{
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	border-right:0px;
}

.tradeSizeContainer .plus,
.submitFormTradeSize .plus{
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	border-left:0px;
}

.tradeSizeContainer .btn-edit,
.submitFormTradeSize .btn-edit{
    background: #5ED634;
    color: white;
    border:0px;
}

.tradeSizeContainer .btn-edit:hover{
	opacity:0.8;
}

*.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.tradeSizeContainer .trade_size{
}

.tier_title{
	text-transform:uppercase;	
}
.tier_lite{
	color:	#198754;
}

.tier_premium{
	color:#0D6EFD;
}

.tier_pro{
	color:#FFBF00;
}
.incomeContainer, .riskContainer, .overallContainer, .recommendedCapitalContainer{
	padding:10px;
	border-radius:8px;
}

.incomeContainer .title, .riskContainer .title, .overallContainer .title{
	font-weight:bold;
	margin-bottom:5px;
}

.overallContainer{
	border:1px solid #21926E;
	background-color:#F7FCF7;
}

.incomeContainer{
	border:1px solid #21926E;
	background-color:#F7FCF7;
}

.riskContainer{
	border:1px solid #E27517;
	background-color:#FEFAF5;
}

.overallContainer .subValue.green{
	color:#21926E;
}

.overallContainer .subValue.red{
	color:#E27517;
}

.incomeContainer .subValue, .incomeContainer .title{
	color:#21926E;
}

.riskContainer .subValue, .riskContainer .title{
	color:#E27517;
}

.tradeSizeContainer .title{
	font-weight:bold;
	color:#332A87;
}
.tradeSizeContainer .btn-edit{
	width:90%;
}

.dashboard-table-2 .form-switch{
	
	
}

.remaining_trade_size .valueContainer{
	border-radius: 5px;
    padding: 3px 10px;
    margin-left: 3px;
    border:1px solid;
    color:black;
}

.bgRedIndicator{
	color:white !important;
	background:#E12D2D !important;
}

.loading_dotted::after {
   display: inline-block;
   animation: dotty steps(1,end) 1s infinite;
   content: '';
 }
 
 .btn-delete-strategy-from-dashboard{
 	color:red;
 }
 
  .btn-delete-strategy-from-dashboard:hover{
 	opacity:0.6;
 }
 
 @keyframes dotty {
     0%   { content: ''; }
     25%  { content: '.'; }
     50%  { content: '..'; }
     75%  { content: '...'; }
     100% { content: ''; }
 }

.tier_title, .tier{
	color:black !important;
	font-weight:bold;
}

.isPnl_option.green{
	color:green;
}

.isPnl_option.red{
	color:red;
}

.backtestperiodmsg{
	font-size: 10px;
    font-weight: bold;
}

.labReportNotes, 
.labReportNotesHash{
	font-size: 10px;
    font-weight: bold;
}
.labReportNotes{
}

.backBtnBtm{
	text-transform:uppercase;
}

.labReportTable .tabulator-placeholder-contents{
	height: 200px;
    display: flex !important;
    align-items: center;
    width: 100%;
    justify-content: center;
}


.highlightRobot{
	background: linear-gradient(45deg, #FFFEEF, #FFF2AD, #FFFCD8, #FFEA9E) !important;
	border-color: #E4B44B !important;
}

.btn-save-strategy-to-dashboard:hover{
	opacity:0.6;
}

.starIcon{
	width:60px;
	height:60px;
	background-image:url(../img/star_new.png);
	 background-repeat: no-repeat;
     background-size: 100%;
     background-position: center;
}

.starLabel{
	text-align: center;
    margin-top: -36px;
    font-size:10px;
    color:#B88A44;
    font-weight:bold;
    text-transform: uppercase;
}

.starContainer{
    margin-top: -15px;
    margin-left: -30px;
}

.brokerAPIContainer .titleColor{
	padding:10px 20px;
	color:white;
	border-radius:5px;
}

.brokerAPIContainer .stocks_brokers .titleColor{
	background-color:#17ADE8;
}

.brokerAPIContainer .options_brokers .titleColor{
	background-color:#EA005E;
}

.msgTigerNotSupport{
	color:#D21F22;
}

.main-nav-link.disabled,
.nav-link.disabled{
	color:lightgray !important;	
}

.radioContainer{
	display: flex;
   justify-content: center;
    flex-wrap: wrap;
}

.custom-radio-button {
    display: none; /* Hide the default radio input */
}
.custom-radio-label {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border: 1px solid #ccc;
    border-radius: 40px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    background-color:white;
    justify-content: space-between;
    margin:5px;
    flex: 0 1 15.8%;
    min-width:200px;
    white-space:nowrap;
     box-sizing: border-box;
}

.custom-radio-button:checked + .custom-radio-label {
    background-color: #007bff;
    /* border-color: #007bff; */
    color: white;
    
}

.custom-radio-button:checked + .custom-radio-label .img {
     filter: brightness(0) invert(1);
}

.custom-radio-label .img {
   /*  margin-left: 15px; */
    width: 24px;
    height: 24px;
    background-image: url(../img/strategylab/Gapper.svg);
    background-position: center;
    background-size: contain;
   	background-repeat: no-repeat;
}

.viewChartExamplesIcon{
	 background-image: url(../img/strategylab/Chart-Example.png);
	 width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.custom-radio-label[for="strategies_IND_004_1"] .img,
body .strategyLab:has(input#strategies_IND_004_1[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/VDS1.svg);
}

.custom-radio-label[for="strategies_IND_004_1"]{
	color: var(--robot-color-vds1);
	border-color: var(--robot-color-vds1);
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_004_1"]{
	background-color:var(--robot-color-vds1);
}

body .strategyLab:has(input#strategies_IND_004_1[type="radio"]:checked) .colored_title{
	color: var(--robot-color-vds1);
	border-color: var(--robot-color-vds1);
}

body .strategyLab:has(input#strategies_IND_004_1[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-vds1);
}

body .strategyLab:has(input#strategies_IND_004_1[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-vds1);
}

.custom-radio-label[for="strategies_IND_004_2"] .img,
body .strategyLab:has(input#strategies_IND_004_2[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/VDS2.svg);
}

.custom-radio-label[for="strategies_IND_004_2"]{
	color: var(--robot-color-vds2);
	border-color: var(--robot-color-vds2);
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_004_2"]{
	background-color:var(--robot-color-vds2);
}


body .strategyLab:has(input#strategies_IND_004_2[type="radio"]:checked) .colored_title{
	color: var(--robot-color-vds2);
	border-color: var(--robot-color-vds2);
}

body .strategyLab:has(input#strategies_IND_004_2[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-vds2);
}

body .strategyLab:has(input#strategies_IND_004_2[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-vds2);
}


.custom-radio-label[for="strategies_IND_004_3"] .img,
body .strategyLab:has(input#strategies_IND_004_3[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/volume_master.svg);
}

.custom-radio-label[for="strategies_IND_004_3"] .img_v2,
body .strategyLab:has(input#strategies_IND_004_3[type="radio"]:checked) .colored_img_v2{
	 background-image: url(../img/login/robot/vm.svg);
}

.custom-radio-label[for="strategies_IND_004_3"]{
	color: var(--robot-color-volume_master);
	border-color: var(--robot-color-volume_master);
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_004_3"]{
	background-color:var(--robot-color-volume_master);
}


body .strategyLab:has(input#strategies_IND_004_3[type="radio"]:checked) .colored_title{
	color: var(--robot-color-volume_master);
	border-color: var(--robot-color-volume_master);
}

body .strategyLab:has(input#strategies_IND_004_3[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-volume_master);
}

body .strategyLab:has(input#strategies_IND_004_3[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-volume_master);
}


.custom-radio-label[for="strategies_IND_032"] .img,
body .strategyLab:has(input#strategies_IND_032[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/Gapper.svg);
}

.custom-radio-label[for="strategies_IND_032"]{
	color: var(--robot-color-gapper);
	border-color: var(--robot-color-gapper);
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_032"]{
	background-color:var(--robot-color-gapper);
}

body .strategyLab:has(input#strategies_IND_032[type="radio"]:checked) .colored_title{
	color: var(--robot-color-gapper);
	border-color: var(--robot-color-gapper);
}

body .strategyLab:has(input#strategies_IND_032[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-gapper);
}

body .strategyLab:has(input#strategies_IND_032[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-gapper);
}


.custom-radio-label[for="strategies_IND_005"] .img,
body .strategyLab:has(input#strategies_IND_005[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/MATT.svg);
}

.custom-radio-label[for="strategies_IND_005"]{
	color: var(--robot-color-matt);
	border-color: var(--robot-color-matt);
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_005"]{
	background-color:var(--robot-color-matt);
}

body .strategyLab:has(input#strategies_IND_005[type="radio"]:checked) .colored_title{
	color: var(--robot-color-matt);
	border-color: var(--robot-color-matt);
}

body .strategyLab:has(input#strategies_IND_005[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-matt);
}

body .strategyLab:has(input#strategies_IND_005[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-matt);
}


.custom-radio-label[for="strategies_IND_005_2"] .img,
body .strategyLab:has(input#strategies_IND_005_2[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/dips_trader.svg);
}

.custom-radio-label[for="strategies_IND_005_2"] .img_v2,
body .strategyLab:has(input#strategies_IND_005_2[type="radio"]:checked) .colored_img_v2{
	 background-image: url(../img/login/robot/dt.svg);
}

.custom-radio-label[for="strategies_IND_005_2"]{
	color: var(--robot-color-dips_trader);
	border-color: var(--robot-color-dips_trader);
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_005_2"]{
	background-color:var(--robot-color-dips_trader);
}

body .strategyLab:has(input#strategies_IND_005_2[type="radio"]:checked) .colored_title{
	color: var(--robot-color-dips_trader);
	border-color: var(--robot-color-dips_trader);
}

body .strategyLab:has(input#strategies_IND_005_2[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-dips_trader);
}

body .strategyLab:has(input#strategies_IND_005_2[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-dips_trader);
}


.custom-radio-label[for="strategies_IND_005_3"] .img,
body .strategyLab:has(input#strategies_IND_005_3[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/dips_trader.svg);
}

.custom-radio-label[for="strategies_IND_005_3"] .img_v2,
body .strategyLab:has(input#strategies_IND_005_3[type="radio"]:checked) .colored_img_v2{
	 background-image: url(../img/login/robot/dt.svg);
}

.custom-radio-label[for="strategies_IND_005_3"]{
	color: var(--robot-color-dips_trader);
	border-color: var(--robot-color-dips_trader);
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_005_3"]{
	background-color:var(--robot-color-dips_trader);
}

body .strategyLab:has(input#strategies_IND_005_3[type="radio"]:checked) .colored_title{
	color: var(--robot-color-dips_trader);
	border-color: var(--robot-color-dips_trader);
}

body .strategyLab:has(input#strategies_IND_005_3[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-dips_trader);
}

body .strategyLab:has(input#strategies_IND_005_3[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-dips_trader);
}


.custom-radio-label[for="strategies_IND_002"] .img,
body .strategyLab:has(input#strategies_IND_002[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/Darvas.svg);
}

.custom-radio-label[for="strategies_IND_002"] .img_v2,
body .strategyLab:has(input#strategies_IND_002[type="radio"]:checked) .colored_img_v2{
	 background-image: url(../img/login/robot/darvas.svg);
}

.custom-radio-label[for="strategies_IND_002"]{
	color: var(--robot-color-darvas);
	border-color: var(--robot-color-darvas);
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_002"]{
	background-color:var(--robot-color-darvas);
}

body .strategyLab:has(input#strategies_IND_002[type="radio"]:checked) .colored_title{
	color: var(--robot-color-darvas);
	border-color: var(--robot-color-darvas);
}

body .strategyLab:has(input#strategies_IND_002[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-darvas);
}

body .strategyLab:has(input#strategies_IND_002[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-darvas);
}

.custom-radio-label[for="strategies_IND_038_1"] .img,
body .strategyLab:has(input#strategies_IND_038_1[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/TrendMaster38.svg);
}

.custom-radio-label[for="strategies_IND_038_1"] .img_v2,
body .strategyLab:has(input#strategies_IND_038_1[type="radio"]:checked) .colored_img_v2{
	 background-image: url(../img/login/robot/tm.svg);
}

.custom-radio-label[for="strategies_IND_038_1"]{
	color: var(--robot-color-tm38);
	border-color: var(--robot-color-tm38);
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_038_1"]{
	background-color:var(--robot-color-tm38);
}

body .strategyLab:has(input#strategies_IND_038_1[type="radio"]:checked) .colored_title{
	color: var(--robot-color-tm38);
	border-color: var(--robot-color-tm38);
}

body .strategyLab:has(input#strategies_IND_038_1[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-tm38);
}

body .strategyLab:has(input#strategies_IND_038_1[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-tm38);
}

.custom-radio-label[for="strategies_IND_038_2"] .img,
body .strategyLab:has(input#strategies_IND_038_2[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/TrendMaster100.svg);
}

.custom-radio-label[for="strategies_IND_038_2"] .img_v2,
body .strategyLab:has(input#strategies_IND_038_2[type="radio"]:checked) .colored_img_v2{
	 background-image: url(../img/login/robot/tm.svg);
}

.custom-radio-label[for="strategies_IND_038_2"]{
	color: var(--robot-color-tm100);
	border-color: var(--robot-color-tm100);
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_038_2"]{
	background-color:var(--robot-color-tm100);
}

body .strategyLab:has(input#strategies_IND_038_2[type="radio"]:checked) .colored_title{
	color: var(--robot-color-tm100);
	border-color: var(--robot-color-tm100);
}

body .strategyLab:has(input#strategies_IND_038_2[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-tm100);
}

body .strategyLab:has(input#strategies_IND_038_2[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-tm100);
}


.custom-radio-label[for="strategies_IND_038_4"] .img,
body .strategyLab:has(input#strategies_IND_038_4[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/TrendMasterGen2.svg);
	  filter: brightness(0) saturate(100%) invert(12%) sepia(21%) saturate(6291%) hue-rotate(198deg) brightness(93%) contrast(92%);
}

.custom-radio-label[for="strategies_IND_038_4"] .img_v2,
body .strategyLab:has(input#strategies_IND_038_4[type="radio"]:checked) .colored_img_v2{
	 background-image: url(../img/login/robot/tm.svg);
}

.custom-radio-label[for="strategies_IND_038_4"]{
	color: var(--robot-color-tmgen2);
	border-color: var(--robot-color-tmgen2) !important;
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_038_4"]{
	background-color:var(--robot-color-tmgen2);
}

body .strategyLab:has(input#strategies_IND_038_4[type="radio"]:checked) .colored_title{
	color: var(--robot-color-tmgen2);
	border-color: var(--robot-color-tmgen2);
}

body .strategyLab:has(input#strategies_IND_038_4[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-tmgen2);
}

body .strategyLab:has(input#strategies_IND_038_4[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-tmgen2);
}




.custom-radio-label[for="strategies_IND_038_5"] .img,
body .strategyLab:has(input#strategies_IND_038_5[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/TrendMasterGen2.svg);
	  filter: brightness(0) saturate(100%) invert(12%) sepia(21%) saturate(6291%) hue-rotate(198deg) brightness(93%) contrast(92%);
}

.custom-radio-label[for="strategies_IND_038_5"] .img_v2,
body .strategyLab:has(input#strategies_IND_038_5[type="radio"]:checked) .colored_img_v2{
	 background-image: url(../img/login/robot/tm.svg);
}

.custom-radio-label[for="strategies_IND_038_5"]{
	color: var(--robot-color-tmgen2);
	border-color: var(--robot-color-tmgen2) !important;
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_038_5"]{
	background-color:var(--robot-color-tmgen2);
}

body .strategyLab:has(input#strategies_IND_038_5[type="radio"]:checked) .colored_title{
	color: var(--robot-color-tmgen2);
	border-color: var(--robot-color-tmgen2);
}

body .strategyLab:has(input#strategies_IND_038_5[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-tmgen2);
}

body .strategyLab:has(input#strategies_IND_038_5[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-tmgen2);
}

.custom-radio-label[for="strategies_IND_038_5"]{
	flex: 0 1 18%;
}


.custom-radio-label[for="strategies_IND_043"] .img,
body .strategyLab:has(input#strategies_IND_043[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/Darvas.svg);
}

.custom-radio-label[for="strategies_IND_043"] .img_v2,
body .strategyLab:has(input#strategies_IND_043[type="radio"]:checked) .colored_img_v2{
	 background-image: url(../img/login/robot/darvas.svg);
}

.custom-radio-label[for="strategies_IND_043"]{
	color: var(--robot-color-darvas);
	border-color: var(--robot-color-darvas);
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_043"]{
	background-color:var(--robot-color-darvas);
}

body .strategyLab:has(input#strategies_IND_043[type="radio"]:checked) .colored_title{
	color: var(--robot-color-darvas);
	border-color: var(--robot-color-darvas);
}

body .strategyLab:has(input#strategies_IND_043[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-darvas);
}

body .strategyLab:has(input#strategies_IND_043[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-darvas);
}

.custom-radio-label[for="strategies_IND_045"] .img,
body .strategyLab:has(input#strategies_IND_045[type="radio"]:checked) .colored_img{
	 background-image: url(../img/strategylab/Breakout.svg);
}

.custom-radio-label[for="strategies_IND_045"] .img_v2,
body .strategyLab:has(input#strategies_IND_045[type="radio"]:checked) .colored_img_v2{
	 background-image: url(../img/login/robot/breakout.svg);
}


.custom-radio-label[for="strategies_IND_045"]{
	color: var(--robot-color-breakout);
	border-color: var(--robot-color-breakout);
}

.custom-radio-button:checked + .custom-radio-label[for="strategies_IND_045"]{
	background-color:var(--robot-color-breakout);
}

body .strategyLab:has(input#strategies_IND_045[type="radio"]:checked) .colored_title{
	color: var(--robot-color-breakout);
	border-color: var(--robot-color-breakout);
}

body .strategyLab:has(input#strategies_IND_045[type="radio"]:checked) .colored_border{
	border-color: var(--robot-color-breakout);
}

body .strategyLab:has(input#strategies_IND_045[type="radio"]:checked) .colored_img{
	filter: var(--robot-filter-breakout);
}

.infoIcon{
	color:#0F7FE7;
}

.btn-outline-warning{
	border-color: #FF6600;
    color: #FF6600;
    background: white;
}

.modal-header-center {
    position: relative;
}
.modal-header-center .modal-title {
    margin: 0 auto; /* Center the title */
    position: absolute;
    left: 50%;
    transform: translateX(-50%); /* Keep the title centered */
}

.input_fix_width{
	max-width:100px; 
	width:100px;
}


/*
.custom_tooltip_container .tooltip-inner{
	background-color:#5E5DF5 !important;
	color:white;
}
.custom_tooltip_container .tooltip-arrow::before {
    border-top-color: #5E5DF5 !important;
}*/

.custom_tooltip_container.bs-tooltip-auto[data-popper-placement^=top]:not(:has(.clickableTooltip)) .tooltip-arrow::before, 
.custom_tooltip_container.bs-tooltip-top:not(:has(.clickableTooltip)) .tooltip-arrow::before {
    border-top-color: var(--robot-tooltip-bg-color);
}

.custom_tooltip_container.bs-tooltip-auto[data-popper-placement^=right]:not(:has(.clickableTooltip)) .tooltip-arrow::before, 
.custom_tooltip_container.bs-tooltip-end:not(:has(.clickableTooltip)) .tooltip-arrow::before {
    border-right-color:  var(--robot-tooltip-bg-color);
}

.custom_tooltip_container.bs-tooltip-auto[data-popper-placement^=left]:not(:has(.clickableTooltip)) .tooltip-arrow::before, 
.custom_tooltip_container.bs-tooltip-start:not(:has(.clickableTooltip)) .tooltip-arrow::before {
    border-left-color:  var(--robot-tooltip-bg-color);
}

.custom_tooltip_container.bs-tooltip-auto[data-popper-placement^=bottom]:not(:has(.clickableTooltip)) .tooltip-arrow::before, 
.custom_tooltip_container.bs-tooltip-bottom:not(:has(.clickableTooltip)) .tooltip-arrow::before {
    border-bottom-color: var(--robot-tooltip-bg-color);
}

.custom_tooltip_container:not(:has(.clickableTooltip)) .tooltip-inner{
	background-color:var(--robot-tooltip-bg-color);
}

.viewChartExamples{
	cursor:pointer;
}

 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 /* Hide number input arrows in Firefox */
 input[type="number"] {
     -moz-appearance: textfield;
 }


.form-tooltip {
    display: block;
    position: absolute;
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    padding: 5px;
    border-radius: 4px;
    z-index: 1050; /* Ensure it appears above other elements */
    white-space:nowrap;
/*     min-width: 150px; */
/*     right: 0; */
/*     margin-right: 10px; */
/*     margin-top: 1px; */
}

.form-tooltip.show {
    display: block;
}

.is-invalid {
    border: 2px solid red;
}

.dropdown.bootstrap-select button.dropdown-toggle{	
	border: var(--bs-border-width) solid var(--bs-border-color);
	background-color: var(--bs-body-bg);
}

.dropdown.bootstrap-select .dropdown-menu{
    max-height: 50vh;
}

.large-checkbox{
  transform: scale(1.3); /* Increase the size of the checkbox */
}

.myChartMontlyReturn{
	height:150px;
}
.note_system_trainer_watchlist{
	font-size: 10px;
    font-weight: bold;
}


.dropdown-header.systemWatchlistsGroup{
	background:var(--watchlist-system-color);
	color:white;
}

.dropdown-header.userWatchlistsGroup{
	background:var(--watchlist-user-color);
	color:white;
}

.dropdown-header.trainerWatchlistsGroup{
	background:var(--watchlist-trainer-color);
	color:white;
}

.systemWatchlistsGroup.dropdown-item:hover{
	border: 1px solid transparent;
	background:var(--watchlist-system-bg-darker);
}

.systemWatchlistsGroup.selected,
.systemWatchlistsGroup.dropdown-item:active{
	border: 1px solid var(--watchlist-system-color) !important;
	background:var(--watchlist-system-bg-darker);
	color:black;
}

.trainerWatchlistsGroup.dropdown-item:hover{
	border: 1px solid transparent;
	background:var(--watchlist-trainer-bg-darker);
}

.trainerWatchlistsGroup.selected,
.trainerWatchlistsGroup.dropdown-item:active{
	border: 1px solid var(--watchlist-trainer-color) !important;
	background:var(--watchlist-trainer-bg-darker);
	color:black;
}

.userWatchlistsGroup.dropdown-item:hover{
	border: 1px solid transparent;
	background:var(--watchlist-user-bg-darker);
}

.userWatchlistsGroup.selected,
.userWatchlistsGroup.dropdown-item:active{
	border: 1px solid var(--watchlist-user-color) !important;
	background:var(--watchlist-user-bg-darker);
	color:black;
}

li.userWatchlistsGroup, a.userWatchlistsGroup{
	background:var(--watchlist-user-bg);
}

li.systemWatchlistsGroup, a.systemWatchlistsGroup{
	background:var(--watchlist-system-bg);
}

li.trainerWatchlistsGroup, a.trainerWatchlistsGroup{
	background:var(--watchlist-trainer-bg);
}

.select-menu-watchlists .dropdown-menu.show,
.watchlists .dropdown-menu.show {
	padding:0px;
}

.select-menu-watchlists .dropdown-item,
.watchlists .dropdown-item {
	border:1px solid transparent;
}

.select-menu-watchlists .dropdown-header,
.watchlists .dropdown-header {
	font-weight:bold;
}

.select-menu-watchlists .dropdown-divider,
.watchlists .dropdown-divider {
	margin:0px;
}

body .watchlistMainContent:has(select.select-menu-watchlists option.systemWatchlistsOption:checked) .colored_watchlistMainContainer{
	border-color: var(--watchlist-system-color);
	background:var(--watchlist-system-bg);
}

body .watchlistMainContent:has(select.select-menu-watchlists option.trainerWatchlistsOption:checked) .colored_watchlistMainContainer{
	border-color: var(--watchlist-trainer-color);
	background:var(--watchlist-trainer-bg);
}

body .watchlistMainContent:has(select.select-menu-watchlists option.userWatchlistsOption:checked) .colored_watchlistMainContainer{
	border-color:var(--watchlist-user-color);
	background:var(--watchlist-user-bg);
}

body .watchlistMainContent:has(select.select-menu-watchlists option:checked) .colored_watchlistMainContainer .tabulator-row,
body .watchlistMainContent:has(select.select-menu-watchlists option:checked) .colored_watchlistMainContainer .tabulator-table{
	background-color:transparent !important;
}

button.btnDeleteWatchlist {
   background-color:white;
}

button.btnDeleteWatchlist:hover {
	background-color: var(--bs-btn-hover-bg);
}

/* .btn-outline-danger{ */
/* 	color: #ff8010; */
/* 	border-color: #ff8010; */
/* } */

 .text-shadow {
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }

.bg2Inner .title{
	color:#5E5DF5;
}

.col-lg-5-custom {
  flex: 0 0 20%; /* 100% / 5 columns = 20% */
  max-width: 20%;
}

.btn-grad {
    background-image: linear-gradient(to right, #FF512F 0%, #F09819 51%, #FF512F 100%);
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 20px;
    display: block;
    text-decoration: none;
}

.btn-grad:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.loginv2container{
		
}

.robotsContainer .robotLeft .colored_img,
.robotsContainer .robotLeft .colored_img_v2{
	width:50px;
	height:50px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.robotsContainer .myinnercontainer{
	border-width:2px;
	border-style:solid;
}


.recommendedCapitalContainer{
	border: 1px solid #C1C1C1;
    background-color: #FFFFFF;
}

 .zoom-small {
     transform: scale(1); /* Default scale for small screens */
 }

 /* Zoom effect only on large screens */
 @media (min-width: 992px) { /* Bootstrap's lg breakpoint */
     .zoom-small {
         transform: scale(0.9); /* Adjust the scale as needed */
         margin-right: calc(-4%);
     }
 }
 
 .testimonyInnerContainer{
 	min-width:150px;
 }
 
.labReportTable .tabulator-tableholder .tabulator-col-resize-handle{
	display:none;
}

@media (max-width: 992px) {
    .custom-w-100 {
        width: 100%;
    }
}

.login_separator{
	background:white;
	height:5px;
}

.border_gold{
	border:3px solid #E4B44B;
}

.top_left_menu{
	background:url(../img/login/top_k2robot_logo.png);
	background-repeat: no-repeat;
    background-position: left;
}

.brandname{
	color:#887BFD;
}

.brandnamek2{
	color:#332A87;
}

.defaultProfileImage {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    line-height:50px;
    font-size: 30px;
    font-weight: bold;
    color: white;
    background-image: linear-gradient(#1BAAE6, #DD0A66);
}

.imgInner{
	width: 50px;
    height: 50px;
    border-radius:50px;
   	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.infoIconV2{
	display: inline-flex;
    background-image: url(../img/info.svg);
    width: 14px;
    height:14px;
    background-size: 100%;
    margin-bottom: -2px;
}

.text-muted-v2{
	color: #8F83E9 !important;
}

.text-muted-v2 .infoIconV2{
	filter: invert(58%) sepia(69%) saturate(2955%) hue-rotate(214deg) brightness(99%) contrast(84%);
}

.group_bcs{
	background-color:#FFEDED !important;	
}

.loginNextLevel .loginv2container{
	background: #001D4C !important;
    color: white;
}

.loginNextLevel .brandname,
.loginNextLevel .brandnamek2{
	color: white;
}

.image-white {
    filter: brightness(0) invert(1);
}

body:has(.loginNextLevel),
body.notLoggedIn.nextlevel{
	background: #304E7D !important;
}

.loginNextLevel .bg-login-banner{
	background: url('../img/nextlevel/login_bg.png') no-repeat center center; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.nextlevel_hero-h1-tag {
    color: #fff;
    text-align: left;
    margin-bottom: 20px;
    font-family: Inter, sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
}

.nextlevel_heading-41 {
    color: white;
    font-family: Inter, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
}

.nextlevel_hero-h2-tag {
    font-size: 30px !important;
    line-height: 30px !important;
}

.loginNextLevel .mainTitleBg{
	background: url('../img/nextlevel/mobile_blue_gradient_bg.png') no-repeat center center; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

@media only screen and (max-width: 778px) {
	.loginNextLevel .bg-login-banner{
		background-image: url('../img/nextlevel/mobile_login_bg.png'); 
		padding-bottom:50% !important;
	}
}

.custom-radio-label[for="strategies_IND_038_4"] {
    min-width: 230px;
}

/* .optionsRobot .activateRobotCheckbox{ */
/* 	display:none; */
/* } */

.ellipsis-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 3;       /* Limits to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;      /* Breaks long words if needed */
  white-space: break-spaces;
}

/* Increase header height */
.tabulator.strategyLabAfterRunTable .tabulator-header {
  height: 60px; /* Set your desired height */
}

.tabulator.strategyLabAfterRunTable .tabulator-header .tabulator-col .tabulator-col-title {

}

.retangle_right_arrow{
	color: lightgray;
    width: 24px;
    height: 24px;
    background-color: lightgray;
    mask: url(../img/png-clipart-arrow-computer-icons-arrow-angle-rectangle.svg) no-repeat center;
    mask-size: contain;
    -webkit-mask: url(../img/png-clipart-arrow-computer-icons-arrow-angle-rectangle.svg) no-repeat center;
    -webkit-mask-size: contain;
}
.empty_container{
	height:140px;
	justify-content:center;
	align-items:center;	
}

.ellipsis-lines{
	display: -webkit-box;
  -webkit-line-clamp: 10;       /* Limits to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;      /* Breaks long words if needed */
  white-space: break-spaces;
}

.runTestContainer:has(input.multipleValues) input.textPermutation.multipleValues{
  background-color: #FFFF82 !important;
}

.runTestContainer:has(input.multipleValues) input.textPermutation{
  background-color: inherit;
}

.runTestContainer input.textPermutation{
  background-color: #FFFF82;
}

 .font-small-important {
    font-size: 12px !important;
  }
  
.tabulator.stockideacontainerTable .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-sorter {
    display: none;
}

.tabulator.stockideacontainerTable .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-title {
    padding-right: 0px;
}

.tabulator.stockideacontainerTable .tabulator-header{
	background-color: #4135B0 !important;
    color: white;
}

.tabulator.stockideacontainerTable .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
    background-color:transparent !important;
}

.tabulator.stockideacontainerTable .tabulator-row .tabulator-cell.tabulator-frozen{
    border-right: 1px solid var(--purple-border-color);
    background: white;
    border-left: 1px solid var(--purple-border-color);
}

.tabulator.stockideacontainerTable  .tabulator-header .tabulator-frozen{
    border-right: 1px solid var(--purple-border-color);
    background: #4135B0;
}

.tabulator.stockideacontainerTable .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: 6px solid white;
}

.tabulator.stockideacontainerTable .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-top: 6px solid white;
}
.tabulator.stockideacontainerTable{
	border-radius:8px;
	background:white;
	border-color:var(--purple-border-color);	
}

.tabulator.stockideacontainerTable .tabulator-row.tabulator-row-even{
	background-color:transparent !important;
}

.tabulator.stockideacontainerTable .tabulator-row .tabulator-cell ,
.tabulator.stockideacontainerTable .tabulator-header .tabulator-col{
    border-right: 1px solid var(--purple-border-color);
}

.tabulator.stockideacontainerTable .tabulator-row .tabulator-cell{
    border-top: 1px solid var(--purple-border-color);
}
#stockIdeaModal .cbFilter{
	margin-right:5px;
}

#column_setup_scrollable,
#counter_type_scrollable{
	padding:10px;
	overflow: auto !important;
    max-height: 50vh;
}

.column_setup_input{
	margin-right:5px;
}

.col-form-label-xs {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .775rem;
}


.tabulator.stockideacontainerTable .tabulator-header .tabulator-frozen.tabulator-frozen-right {
    border-left: 1px solid var(--purple-border-color);
}


.form-control.form-control-xs {
    font-size: .775rem;
    line-height: 1.5;
}

.form-select-xs {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .775rem;
}

.iframeStockChart{
	width: 100%;
    height: calc(100vh - 150px);
    border: none;
    margin-top: 0px;
}

 .modal-container-width {
    width: 100%;
    max-width: 1140px; /* Matches Bootstrap’s .container for large screens */
    height: 80%;
  }
  .modal-container-width .modal-content {
    height: 100%;
  }
  
    .otp-input {
      width: 50px;
      height: 50px;
      text-align: center;
      font-size: 24px;
      margin: 5px;
   }
  
  
  .roi_label
  {
    color: #B873B6;
    text-align: center;
 }

.risk_based_on:has(select[name="rpt_type"]:disabled) {
  display: none;
}
 
 
 .submitToShowEditFormAllocatedFunds select[name="rpt_type"]{
 	padding-right: 8px;
    background-position: right .25rem center;
    background-image: none;
    text-align: center;
}

.btn-light-success {
  background-color: #64D23E;
  color: white;
  border: none;
}

.btn-light-success:hover {
  background-color: #56b836; /* slightly darker green */
  color: white;
}

@media (min-width: 576px) {
   .myAllocatedFundModal .modal-dialog.modal-sm,
   .myEditOrderModal .modal-dialog.modal-sm{
		min-width: 360px;
	}
}


.stockideacontainerTable .text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stockideacontainerTable .displayStockName {
    width: 100%;
}


 .sort-popup {
    position: fixed;
    display: none;
    background: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 5px;
    font-size: 12px;
    z-index: 1000;
    min-width: 160px;
}
.sort-popup div {
    padding: 5px;
    cursor: pointer;
}
.sort-popup div:hover {
    background: #f0f0f0;
}
.header-wrapper {
    display: flex;
    justify-content: left;
    align-items: center;
    cursor: pointer;
}
.sort-popup .dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sort-arrow {
    margin-left: 10px;
}

.no-padding-popover .popover-body {
  padding: 0;
}

.scrollable-popover .popover-body {
  max-height: 60vh; /* 60% of viewport height, adjust as needed */
  overflow-y: auto;
  padding: 0; /* optional: remove padding if you want tighter content */
}

.stockideacontainerTable .tabulator-placeholder{
	width:100% !important;
}


.loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px; /* Adjust as needed */
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top: 4px solid #3498db; /* Spinner color */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Animation */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.loginImpossiblex .image-blue{
	filter: brightness(0) saturate(100%) invert(31%) sepia(95%) saturate(1235%) hue-rotate(171deg) brightness(101%) contrast(101%);
}

.loginImpossiblex .bg-login-banner{
	background: url('../img/impossiblex/login_bg.jpg') no-repeat center center; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.loginImpossiblex .bg-login-form{
    background: linear-gradient(to right, #008acb, #cfeefb);
}

.loginImpossiblex .border_blue{
	border:3px solid #0088C3;
}
    
.loginImpossiblex .card-title {
    color: #0088C3;
}

.loginImpossiblex a {
    color: #0985BA;
}


.loginImpossiblex .btn-primary {
    background-color: #0088C3;
    border: 1px solid #0088C3;
}

/* Top-Left (already have) */
.overlay-image-top-left {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  width: 50%;
  height: auto;
  z-index: 2;
}

/* Bottom-Left (already have) */
.overlay-image-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
  width: 50%;
  height: auto;
  z-index: 2;
}

/* Top-Right */
.overlay-image-top-right {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  width: 50%;
  height: auto;
  z-index: 2;
}

/* Bottom-Right */
.overlay-image-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
  width: 50%;
  height: auto;
  z-index: 2;
}



 /* Main Content */
    .robot-section {
      position: relative;
      overflow: hidden;
      margin-top: 20px;
    }
    .robot-section img {
      height: auto;
    }
    .robot-section .controls {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: rgba(255, 255, 255, 1);
      border-radius: 10px;
      text-align: center;
      width: calc(100% - 150px);
    }
    
    
    .robot-section .controls h1 {
      font-size: 36px;
      margin-bottom: 20px;
    }
    .robot-section .controls p {
      font-size: 18px;
      margin-bottom: 10px;
    }
   
    .mainTitleLogo{
    	color:#0088C3;
    	font-weight: bold;
    }
    
    .wrapper {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 15px;
            overflow: hidden;
        }

        .header-1 {
            text-align: center;
            padding: 40px 20px;
        }

        .header-1 h1 {
            color: #0088C3;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .rating-section {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }

        .stars {
            display: flex;
            gap: 5px;
        }

        .star {
            color: #FFD700;
            font-size: 1.8rem;
        }

        .profile-row {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .profile-avatars {
            display: flex;
            gap: -5px;
        }

        .avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 2px solid white;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 0.9rem;
            margin-left: -8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .avatar:first-child {
            margin-left: 0;
            background: #FF9800;
        }

        .avatar:nth-child(2) { background: #4CAF50; }
        .avatar:nth-child(3) { background: #2196F3; }
        .avatar:nth-child(4) { background: #9C27B0; }

        .rating-text {
            color: #0088C3;
            font-size: 1rem;
            font-weight: 500;
        }

        .testimonials-grid {
            display: grid;
            grid-gap: 10px;
            grid-auto-rows: minmax(150px, auto);
            height: auto;
            min-height: 600px;
            padding: 20px;
        }

        .testimonials-grid > * {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            overflow: hidden;
            border-radius: 15px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .testimonials-grid > *:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        }

        .testimonial-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .video-testimonial {
            background-color: #1a1a1a;
        }

        .bottom-testimonial {
            background-color: #f8f9fa;
        }

        .chat-testimonial-top,
        .chat-testimonial-middle,
        .chat-testimonial-bottom {
            background-color: #667eea;
        }

        /* Mobile first - single column */
        @media (max-width: 499px) {
            .testimonials-grid {
                grid-template-columns: 1fr;
                height: auto;
            }
        }

        /* Tablet - 2 columns */
        @media (min-width: 500px) {
            .testimonials-grid {
                grid-template-columns: 1fr 1fr;
                grid-template-rows: repeat(8, 75px);
                grid-gap: 15px;
                padding: 25px;
            }
            
            .video-testimonial {
                grid-column: 1;
                grid-row: 1 / 6;
            }
            
            .bottom-testimonial {
                grid-column: 1;
                grid-row: 6 / 9;
            }
            
            .chat-testimonial-top {
                grid-column: 2;
                grid-row: 1 / 3;
            }
            
            .chat-testimonial-middle {
                grid-column: 2;
                grid-row: 3 / 5;
            }
            
            .chat-testimonial-bottom {
                grid-column: 2;
                grid-row: 5 / 9;
            }
        }

        /* Desktop - maintain 2 column layout with better proportions */
        @media (min-width: 800px) {
            .testimonials-grid {
                grid-template-columns: 1fr 1fr;
                grid-template-rows: repeat(8, 80px);
                height: auto;
                min-height: 700px;
                grid-gap: 20px;
                padding: 30px;
            }
            
            .video-testimonial {
                grid-column: 1;
                grid-row: 1 / 6;
            }
            
            .bottom-testimonial {
                grid-column: 1;
                grid-row: 6 / 9;
            }
            
            .chat-testimonial-top {
                grid-column: 2;
                grid-row: 1 / 3;
            }
            
            .chat-testimonial-middle {
                grid-column: 2;
                grid-row: 3 / 5;
            }
            
            .chat-testimonial-bottom {
                grid-column: 2;
                grid-row: 5 / 9;
            }
        }

        /* Placeholder styling */
        .testimonial-placeholder {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #666;
            font-size: 0.9rem;
            text-align: center;
            padding: 20px;
            flex-direction: column;
            gap: 10px;
        }

        .video-placeholder {
            background: #1a1a1a;
            color: #999;
            position: relative;
        }

        .video-placeholder::before {
            content: '▶';
            font-size: 4rem;
            color: #ff0000;
            margin-bottom: 20px;
        }

        .chat-placeholder {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: rgba(255,255,255,0.8);
        }

        .bottom-placeholder {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            color: #6c757d;
        }

        .placeholder-text {
            font-size: 0.8rem;
            opacity: 0.7;
        }
        
        
        .what-clients-are-saying-section-2 img{
        	width:100%;
        }
        
    
    	.trading-results-section{
    		max-width:100%;
    	}
    
    	.trading-results-section img{
    		max-width:100%;
    	}
    	
.optionImpossibleX .tradeSizeContainer .btn-edit{
	width:auto;
}


.optionImpossibleX .form-switch .form-check-input:checked {
    background-color: #0088FF !important;
}

.optionImpossibleX .tradeSizeContainer .plus, 
.optionImpossibleX .submitFormTradeSize .plus,
.optionImpossibleX .tradeSizeContainer .minus, 
.optionImpossibleX .submitFormTradeSize .minus
{
	background-color: #0088FF !important;
	color:white;
}


.optionImpossibleX .tradeSizeContainer .btn-edit,
.optionImpossibleX .submitFormTradeSize .btn-edit {
    background: #0088FF;
    color: white;
}

.optionImpossibleX .btn-primary {
    background-color: #0088FF;
    border: 1px solid #0088FF;
}

.text-impossiblex{
	color:#0088C3 !important;
}

.form-switch.lg .form-check-input{
	width: 55px;
    height: 28px;
}

.form-switch.lg{
	padding-left:2em;	
}

.topContainerBanner{
    position: relative;
    width: 100%;
    min-height: 500px; /* Minimum height to ensure visibility */
    background-image: url('../img/impossiblex/bg_top.jpg'); /* Replace with your background image */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:20px;
}

.content-wrapper {
    background-color: rgba(255, 255, 255, 1); /* Semi-transparent white background */
    padding: 20px;
    border-radius: 10px;
    max-width: 800px; /* Responsive width */
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: auto; /* Allow scrolling if content overflows */
    min-width: 85%;
}

.glowing-text {
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.pswp {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            z-index: 100000 !important;
        }
        
        /* Hide duplicate elements */
        .pswp__img--placeholder,
        .pswp__img--placeholder--blank {
            display: none !important;
        }
        

/* Main container */
.grid {
     column-gap: 20px; /* Horizontal spacing between columns */
    row-gap: 30px;    /* Vertical spacing between rows */
    padding: 0px;    /* Optional padding around the entire grid */
}


/* Individual items */
.item {
    background-color: #f0f0f0; /* Background color for items */
    padding: 0px;            /* Padding inside each item */
    border-radius: 10px;      /* Rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    width: calc(50% - 30px); /* 50% minus the gutter (10px) */
    overflow: hidden; /* Ensure images don't overflow */
    margin-bottom: 55px;
}

/* Image styling */
.item img {
    width: 100%; /* Ensure images fill the item's width */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove any extra space below the image */
}

/* Text styling */
.item h3 {
    margin-top: 10px;
    font-size: 1.2rem;
    font-weight: bold;
}

.item p {
    margin-top: 5px;
    line-height: 1.5;
}

/* Responsive design */
@media (max-width: 768px) {
    .item {
        width: 100%; /* Single column on smaller screens */
    }
}

body.impossiblex #pills-options-robot{
	background:white;	
}

.gallery img:hover,  .gallery .item:hover{
  box-shadow: 
    0 12px 20px rgba(0,0,0,0.15),
    0 20px 50px rgba(0,0,0,0.25);
  filter: brightness(1.05);
}

.gallery a, .gallery img{
	border-radius:8px;	
}

.bg-body-secondary.notLoggedIn.impossiblex{
	background-image: linear-gradient(to right, #008acb, #cfeefb);	
}

.importantNotes{
	font-size: 12.5px;
    font-weight: bold;
}


.tabulator.sticky {
  overflow: visible !important; /* let sticky work */
}

.tabulator.sticky .tabulator-header {
  position: sticky;
  top: 52px; 
  z-index: 100;
  background: #fff;
}


.sectorAnalysisTable{
	
}

.sectorAnalysisTable .class{
	width:32px;
	height:24px;
	background-position: center;
    background-repeat: no-repeat;
}

.class.new_butterfly{
	background-image: url(../img/sector_analysis/new_cows.svg) !important;
}

.class.new_cows_eagle, .class.new_eagle_cows{
	background-image: url(../img/sector_analysis/new_cows_eagle.svg) !important;
}

.class.new_cows_koala, .class.new_koala_cows{
	background-image: url(../img/sector_analysis/new_cows_koala.svg) !important;
}

.class.new_cows{
	background-image: url(../img/sector_analysis/new_cows.svg) !important;
}

.class.new_eagle_butterfly, .class.new_butterfly_eagle{
	background-image: url(../img/sector_analysis/new_eagle_butterfly.svg) !important;
}

.class.new_eagle{
	background-image: url(../img/sector_analysis/new_eagle.svg) !important;
}

.class.new_eagle{
	background-image: url(../img/sector_analysis/new_eagle.svg) !important;
}

.class.new_koala{
	background-image: url(../img/sector_analysis/new_koala.svg) !important;
}

.class.new_spider{
	background-image: url(../img/sector_analysis/new_spider.svg) !important;
}

.class.new_unknown{
	background-image: url(../img/sector_analysis/new_unknown.svg) !important;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sectorAnalysisTable .tabulator-tableholder.custom-scrollbar-css{	
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


.sectorAnalysisTable .tabulator-paginator {
  display: none !important;
}


.historical_trades .tabulator-footer{
	display:none;
}

.border-main{
	border-color: #6460E1;
}

.text-green{
	color:#10B51D;
}

.text-red{
	color:red;
}

.mainColor{
	color:#6460E1;	
}

.customTable{	
	border:3px solid #5D5DF5;
	border-radius: 8px;
	background: #5D5DF5 !important;
}

.customTable .tabulator-header{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.customTable .tabulator-col-title{
	white-space:normal !important;
/* 	padding-top:13px;
	padding-bottom:13px; */
	min-height:50px;
	align-items: center;
    display: grid;
}

.customTable .tabulator-headers{
	background: #5D5DF5;
    color: white;
}

.customTable .tabulator-tableholder{
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: white;
}

.customTable .tabulator-row .tabulator-cell:not(:first-child),
.customTable .tabulator-headers .tabulator-col:not(:first-child)  {
	border-left: 1px solid #362D8E;
}
.customTable  .tabulator-table .tabulator-row:not(:first-child){
	border-top: 1px solid #5D5DF5;
}

.myEditOrderModal .modal-header{
	background: #5D5DF5;
}

.bordered_hr_main_color{
	border: 2px solid #5D5DF5;
}

.outcome.win{
	color:#00BF0D;
}

.outcome.loss{
	color:red;
}

.tabulator.white_arrow .tabulator-header .tabulator-sortable[aria-sort="none"] .tabulator-col-sorter{
  display:none !important;
}

.tabulator.white_arrow .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-title
{
	padding-right:0px  !important;
}

.tabulator.white_arrow .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: none;
    border-top: 6px solid white;
    color: white;
}

.tabulator.white_arrow .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-top: none;
    border-bottom: 6px solid white;
}

.tabulator.white_arrow .tabulator-header .tabulator-col:hover{
	background:inherit !important;
}


button.btn-disabled-loading {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

/* show spinner only when button is disabled */
button.btn-disabled-loading:disabled::after {
  content: "";
  position: absolute;
  right: 0.25rem;              /* space from right edge */
  width: 1rem;
  height: 1rem;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  opacity: 0.8;
}

/* optional dim effect for disabled button */
button.btn-disabled-loading:disabled {
  opacity: 0.8;
  cursor: not-allowed;
  padding-right:25px;
}

/* spinner animation */
@keyframes spin {
  to { transform: rotate(360deg); }
}

.arrow-list {
  list-style: none;           /* Remove default bullets */
  padding-left: 0;            /* Optional: remove default indent */
}

.arrow-list li {
  position: relative;
  padding-left: 15px;         /* Space for the ">" symbol */
}

.arrow-list li::before {
  content: ">";               /* Custom bullet */
  position: absolute;
  left: 0;
  color: #333;                /* Customize color if needed */
  font-weight: bold;          /* Optional */
}