.active-navbar{
	font-weight: 600;
	color: #39d6c6 !important;
}

.search-feature-class{
	font-weight: 600;
	color: #39d6c6 !important;
}

.special-navbar{
	font-weight: 600;
	color: #f94a4a !important;
}

.right-margin-1x{
	margin-right: 3px !important;
}

.top-margin-1em{
	margin-top: 1em !important;
}

.progressbar-class{
	height: 5px !important;
}

.bottom-margin-2em{
	margin-bottom: 2em !important;
}

.highlighted-text{
	font-weight: 800;
	color: #39d6c6 !important;
}

.highlighted-text-thin{
	font-weight: 500;
	color: #39d6c6 !important;
}

.blue-button{
	padding: 2px;
	padding-top: 4px;
	border-radius: 2px;
	background-color: #1476ff !important;
	font-size: 11px;
	text-align: center;
	width: 75%;
	font-weight: 600;
}

.red-button{
	padding: 2px;
	padding-top: 4px;
	border-radius: 2px;
	background-color: #ff2d2d !important;
	font-size: 11px;
	text-align: center;
	width: 75%;
	font-weight: 600;
}

.green-bg{
	background-color: #0d8450 !important;
}

.borange-bg{
	background-color: #ef7828 !important;
}

.yellow-bg{
	background-color: #f2c31a !important;
}

.yellow-btn-bg{
	background-color: #f2c31a !important;
	color: #212333 !important;
	border: 0px !important;
}

.fv-blue-btn-bg{
	background-color: #005fef !important;
	color: #ffffff !important;
	border: 0px !important;
	
}

.secondary-btn-bg{
	background-color: #64738F !important;
	color: #ffffff !important;
	border: 0px !important;
}

.darkblue-btn-bg{
	background-color: #1a56ce !important;
	color: #ffffff !important;
	border: 0px !important;
}

.darkpink-btn-bg{
	background-color: #ba187c !important;
	color: #ffffff !important;
	border: 0px !important;
}

.darkblue-text{
	color: #191B28 !important;
}


.lightblue-text{
	color: #64a4fc !important;
}

.orange-btn-bg{
	background-color: #e8890d !important;
	color: #ffffff !important;
	border: 0px !important;
}


.no-border{
	border: 0px !important;
}

.pattor-text{
	color:#30ddc6 !important;
}

.green-text{
	color:  #12e56d !important;
}

.red-text{
	color:  #fc6780 !important;
}

.light-blue-text{
	color: #49a2fc !important;
}

.light-red-text{
	color: #fc6780 !important;
}

.light-pink-text{
	color: #ed4bd2 !important;
}

.pale-text{
	color: #797c8e !important;
}

.clicked-button{
	box-shadow: 2px 4px 0px -1px #0a6631 !important;
	border: 2px solid #0a6631;
	color: white;
	;
}

.green-button{
	padding: 2px;
	padding-top: 4px;
	border-radius: 5px;
	background-color: #1da54d !important;
	font-size: 11px;
	text-align: center;
	width: 75%;
	font-weight: 600;
}

.filter-button{
	padding: 4px;
	padding-top: 4px;
	border-radius: 3px;
	font-size: 14px;
	text-align: center;
	margin-left: 2px;
	margin-top: 3px;
}

.premium-icon{
	color: #fcbf25 !important;
}

.normal-font{
	font-size: 14px !important;
	background-color: #445060 !important;
}

.small-font{
	font-size: 12px !important;
	background-color: #445060 !important;
}

.blue{
	border-bottom: 2px solid #118cff !important;
}

.blue-text{
	color: #118cff !important;
}

.purple-bg{
	background-color: #3b4060 !important;
}

.seagreen{
	border-bottom: 2px solid #09a59b !important;
}


.red{
	border-bottom: 2px solid #f93939 !important;
}

.purple{
	border-bottom: 2px solid #3733c4 !important;
}

.green{
	border-bottom: 2px solid #17b978 !important;
}

.golden{
	border-bottom: 2px solid #b5a110 !important;
}

.pink{
	border-bottom: 2px solid #c060a1 !important;
}

.orange{
	border-bottom: 2px solid #fc8e28 !important;
}

.darkblue{
	border-bottom: 2px solid #002ee8 !important;
}

.darkpink{
	border-bottom: 2px solid #a31d41 !important;
}

.darkgreen-bg{
	background-color: #548e7a !important;
}

.white{
	border-bottom: 2px solid #ffffff !important;
}

.yellow-text{
	color: #F2D658;
}

.yellow{
	border-bottom: 2px solid #f7d52c !important;
}

.autocomplete-suggestions{
	background-color: rgba(24,25,28,0.8) !important;
	padding: 1em;
	
	max-height: 100% !important;
}

.autocomplete-suggestion{
	border-bottom: 1px solid #202225;
}

.filter-btn-pressed{
	box-shadow: 0px 7px 5px -3px rgba(0,0,0,0.25) !important;
	border-bottom: 0px !important;
	border: 0px solid #191B28;
	background-color: #6d77bf !important;
	color: white;
	font-weight: 600;
	font-size: 15px;
	z-index: 995 !important;
	border-radius: 3px;
	padding: 4px !important;
}

.filter-btn-pressed-scanner{
	background-color: #6d77bf !important;
	padding: 4px !important;
}

.table-million-row{
	
	background-image: linear-gradient( 180deg,  rgba(0,104,155,0.01) 0%, rgba(0,173,239,0.07) 90% ) !important;
  	border: 0px solid white !important;
}

.table-light-orange{
	background-image: linear-gradient( 180deg,  rgba(221,115,8,0.01) 0%, rgba(221,115,8,0.07) 90% ) !important;
  	
  	
}

.table-light-pink{
	background-image: linear-gradient( 180deg,  rgba(221,22,178,0.01) 0%, rgba(221,22,178,0.07) 90% ) !important;
  	border: 0px solid white !important;
}


.table-voloi-row{
  background-image: linear-gradient( 180deg,  rgba(125,89,252,0.01) 0%, rgba(125,89,252,0.07) 90% ) !important;
  border-bottom: 0px solid #AA88FC !important;
}


.table-itm-row{
  background-image: linear-gradient( 180deg,  rgba(192,96,161,0.15) 0%, rgba(158,55,123,0.3) 90% );
  border-bottom: 0px solid #1A7ACC !important;
}

.red-arrow-color{
	color: #ff3366;
}

.green-arrow-color{
	color: #10b759;
}

.blue-arrow-color{
	color: #4992ff !important;
}

td.details-control {
    background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.details td.details-control {
    background: url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;
}

.text-center{
	text-align: center !important;
	justify-content: center !important;
}

.btn-muted{
	background-color: #517CA1 !important;
	padding: 2px !important;
}

.input-style{
	border: 0px solid #3c4859 !important;
	border-radius: 3px !important;
	background-color: #313a47;
	color: white;
	padding: 4px !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8d92b2 !important;
  opacity: 1 !important; /* Firefox */
  font-style: italic;
}

input, label {
    display:block;
}

.input-group{
	text-align: center;
}

.custom-input{
	background-color: #313844;
}

.text-right{
	text-align: right !important;
	justify-content: right !important;
}

.text-left{
	text-align: left !important;
	justify-content: left !important;
}

.dataTables_scrollBody
{
 overflow-x:hidden !important;
 overflow-y:auto !important;
}

#dataTableSurpriver 
{    
  overflow-y:scroll !important;
  overflow-x:hidden !important; 
}

.vertical-center {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.feather-arrow-down{
	width: 16px;
	height: 16px;
}

.feather-arrow-up{
	width: 16px;
	height: 16px;
}

.icon-colors-default{
	color: #39d6c6;
	font-weight: 800;
}

.icon-colors-danger{
	color: #fc6780;
	font-weight: 800;
}

.text-danger{
	color: #fc6780;
}

.card-lighter-bg{
	background-color: #2b2e3f !important;
}

.white-text{
	color: #ffffff;
}

/***************************************************** Removing search and show n from tables *******************************************************/
#dataTableExample_filter{
	display: none !important;
}

#dataTableSurpriver_filter{
	display: none !important;
}

#dataTableSurpriver_length{
	display: none !important;
}

#dataTableHedging_filter{
	display: none !important;
}

#dataTableHedging_length{
	display: none !important;
}

#dataTableHedging_filter{
	display: none !important;
}

#market-table_length{
	display: none !important;
}

#market-table_filter{
	display: none !important;
}

#market-table_paginate{
	display: none !important;
}

#market-table_info{
	display: none !important;
}

#alpha-table_length{
	display: none !important;
}

#alpha-table_filter{
	display: none !important;
}

#alpha-table_paginate{
	display: none !important;
}

#alpha-table_info{
	display: none !important;
}

#genetic-table_length{
	display: none !important;
}

#genetic-table_filter{
	display: none !important;
}

#genetic-table_paginate{
	display: none !important;
}

#genetic-table_info{
	display: none !important;
}

#maxsharpe-table_length{
	display: none !important;
}

#maxsharpe-table_filter{
	display: none !important;
}

#maxsharpe-table_paginate{
	display: none !important;
}

#maxsharpe-table_info{
	display: none !important;
}

#minrisk-table_length{
	display: none !important;
}

#minrisk-table_filter{
	display: none !important;
}

#minrisk-table_paginate{
	display: none !important;
}

#minrisk-table_info{
	display: none !important;
}

#exponential-table_length{
	display: none !important;
}

#exponential-table_filter{
	display: none !important;
}

#exponential-table_paginate{
	display: none !important;
}

#exponential-table_info{
	display: none !important;
}

#news_table_length{
	display: none !important;
}

#news_table_filter{
	display: none !important;
}

#unsider_table_length{
	display: none !important;
}

#unsider_table_filter{
	display: none !important;
}

#active_contracts_table_length{
	display: none !important;
}

#active_contracts_table_filter{
	display: none !important;
}

#highest_premiums_table_length{
	display: none !important;
}

#highest_premiums_table_filter{
	display: none !important;
}

#important_news_length{
	display: none !important;
}

#important_news_filter{
	display: none !important;
}


#scany_table_length{
	display: none !important;
}

#scany_table_filter{
	display: none !important;
}


#dataTableExample_filter{
	display: none !important;
}

#dataTableExample_length{
	display: none !important;
}

#strikes_table_filter{
	display: none !important;
}

#strikes_table_length{
	display: none !important;
}

#datatable_table_filter{
	display: none !important;
}

#datatable_table_length{
	display: none !important;
}

#dataTableBullish_length{
	display: none !important;
}

#dataTableBullish_filter{
	display: none !important;
}

#dataTableBearish_length{
	display: none !important;
}

#dataTableBearish_filter{
	display: none !important;
}

#dataTableSectors_length{
	display: none !important;
}

#dataTableSectors_filter{
	display: none !important;
}

.dataTables_length{
	display: none !important;
}

.dataTables_filter{
	display: none !important;
}

/**************************************** Website Main Colors ********************************************/
.website-bg-color{
	background-color: #191B28;
}

.website-card-color{
	background-color: #1E202D;
}

/**************************************** Overlay *******************************************************/
#overlay{
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.7);
	transition: 0.5s 0.5s;
	display: none;
}

#progress{
	height:2px;
	background:#1683ff;
	position:absolute;
	width:0;                /* will be increased by JS */
	top:50%;
}

#progstat{
	font-size:1em;
	letter-spacing: 2px;
	position:absolute;
	top:50%;
	margin-top:-40px;
	width:100%;
	text-align:center;
	color:white;
}

/******************************************* Spinner ****************************************************/
.vertical-center-page {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

/*********************************************** Profile picture *****************************************************/
.smaller-profile{
	background-color: #37ad9f; 
	width: 30px; 
	height: 30px; 
	border-radius: 50%; 
	text-align: center;
}

.smaller-profile-text{
	padding-top: 5px;
	color: #191B28;
	font-weight: 800;
}

.larger-profile{
	background-color: #37ad9f; 
	width: 80px; 
	height: 80px; 
	border-radius: 50%; 
	text-align: center;
}

.larger-profile-text{
	margin: 0;
	position: absolute;
    top: 30%;
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	color: #191B28;
	font-weight: 800;
	font-size: 24px;
}

/*************************************************** Links ***********************************************/
.simple-link{
	font-weight: 700 !important;
	color: #e0e4ff !important;
	text-decoration: underline !important;
}

.lighter-bg{
	background-color: #2c2f44 !important;
}

.very-small-text{
	font-size: 10px;
}

.text-success-important{
	color: #30ddc6 !important;
}

.no-border-button{
	border-radius: 0px !important;
}

.small-top-padding{
	padding-top: 0.5em !important;
}

.table td{
	font-size: 0.98rem !important;
	padding: 0.75rem 0.2rem !important;
}

.flow-arrow-image{
	width: 16px !important;
	height: 16px !important;
	border-radius: 0 !important;
}


tfoot input {
	width: 50px;
    padding: 3px;
    border: 0px solid white;
    border-radius: 5px;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table-header-group;
    color: white;
    background-color: rgba(145,156,224,0.25);
    font-size: 12px;
    box-shadow: 0px 4px 7px -4px rgba(0,0,0,0.3);
}

/*tfoot {
    display: table-header-group;
}*/

.chart-logo{
	position: absolute; z-index: 999999; opacity: 0.3;
	margin-top: 1em;
	margin-left: 2em;
	width: 128px;
}

.chart-logo-right{
	position: absolute; z-index: 999999; opacity: 0.3;
	margin-top: 0.5em;
	margin-left: 2em;
	right: 6%;
	width: 128px;
}

.chart-logo-right-bottom{
	position: absolute; z-index: 999999; opacity: 0.3;
	margin-left: 2em;
	right: 6%;
	bottom: 20%;
	width: 128px;
}

.chart-logo-left-bottom{
	position: absolute; z-index: 999999; opacity: 0.3;
	margin-left: 2em;
	left: 12%;
	bottom: 20%;
	width: 128px;
}

.chart-logo-small{
	width: 72px !important;
}

.chart-logo-right-nobottom{
	position: absolute; z-index: 999999; opacity: 0.3;
	right: 3.5%;
	top: 4%;
}

@media (max-width: 600px) {
   .chart-logo{
		position: absolute; z-index: 999999; opacity: 0.3;
		margin-top: 1em;
		margin-left: 1em;
		width: 50%;
	}

	.chart-logo-right{
		position: absolute; z-index: 999999; opacity: 0.3;
		margin-top: 0.5em;
		margin-left: 1em;
		width: 50%;
		right: 7%;
	}

	.chart-logo-right-bottom{
		position: absolute; z-index: 999999; opacity: 0.3;
		margin-left: 1em;
		right: 7%;
		width: 50%;
		bottom: 20%;
	}

	.chart-logo-right-nobottom{{
		display: none;
	}

	.chart-logo-left-bottom{
		position: absolute; z-index: 999999; opacity: 0.3;
		margin-left: 2em;
		left: 6%;
		width: 128px;
		bottom: 20%;
	}
 }



.modal-text{
	color: white !important;
}

.highcharts-reset-zoom{
	background-color: black !important;
}

#latest_modified_time{
	font-size: 10px !important;
}

.highcharts-credits{
	display: none !important;
}

.white-color{
  color: white !important;
  font-size: 14px !important;
  padding-top: 2px;
}

.white-color-large-padding{
  color: rgba(255,255,255,0.5) !important;
  font-size: 12px !important;
  padding-top: 15px;
}

.strikethrough{
  text-decoration: line-through; color: rgba(255,255,255,0.5);
}

.dblue-color{
  color: #121871;
}

.sale-header{
  width: 100%; position: relative !important; background-color: #3965F4 !important; color: white !important; z-index: 99999; text-align: center;
}


.yellow-color-fav{
	color: #ea9f1e !important;
	font-weight: 800 !important;
}


.total-nots{
	display: none; position: absolute; right: -5px; text-align: center; font-size: 10px; color: black; font-weight: 700; width: 12px; height: 12px; background-color: #0CBD71; border-radius: 50%;
}

.textbold{
	font-weight: 700 !important;
}

.bluebg{
	background-color: #1A56CE !important;
	border: 0px solid #3c4859 !important;
	border-radius: 3px !important;
	color: white;
	padding: 2px !important;
}


.text-real-green{
	font-weight: 800 !important; 
	color: #06D883 !important;
}

.card-body-small-padding{
	padding: 1em 1em 1em 1.5em !important;
}

.dt-button{
	background-color: black !important;
	border: 0px solid white !important;
}

.float-right{
	float: right !important;
	font-size: 12px !important;
	background-color: #1C2636 !important;
}

.my-btn{
	background-color: #1C2636 !important;
}

.odd{
	background-color: green !important;
}

.to-use-green-bg{
	background-color: #37ad9f;
}

.to-use-link-pink{
	color:  #fc6780 !important;
}

.to-use-green-bg-lighter{
	background-color: #30ddc6;
}

.to-use-pink-bg{
	background-color: #F74565;
}

.light-dark-blue-bg{
	background-color: #727b96;
}