@charset "UTF-8";
/* CSS Document */
h2 span, h3 span, h4 span, h5 span, h6 span {
    color: 	#2894FF;
}

/*header li{
	color: black;
	display: inline-block;!important;
	padding: 4px 20px 4px 20px;
	border-radius: 10px;
	font-weight: bolder;
	font-size: 16px;
	text-align: center;
	background-color: white;
}
*/

header{
	background-color: white;
	box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
}

#hero{
	background-color: white;
	height: 650px;
	margin-top: 30px;
}

header a#access_link,header .sign_out{
	padding: 4px 20px 4px 20px;
	border-radius: 10px;
	background-color: white;
	display: inline-block;!important;
	color: black;
	font-weight: bolder;
	font-size: 16px;
}

header a{
	padding: 0px 10px 0px 10px;
	display: inline-block;!important;
	color: black!important;
	font-weight: bolder;
	font-size: 16px;
}

header.sticky a{
	color: black;
}

.main-menu ul li a{
	padding: 0px 10px 0px 10px!important;
}

.sticky nav {
    margin-top: 15px;
}

nav {
    margin-top: 15px;
}

.withdraw_btn{
	display: block!important;
	background-color: #FFAA33;
	font-weight: bolder;
	color: black;
	text-align: center;
	margin-top: 50px;
	padding: 10px;
}


@media (max-width: 991px){
	nav {
	    margin-top: 0px!important;
	}

	header.sticky a {
    	color: black!important;
	}

	.cmn-toggle-switch span::before{
		background-color: black;
	}

	.cmn-toggle-switch span{
		background-color: black;
	}

	.cmn-toggle-switch span::after{
		background-color: black;
	}

	.main-menu ul li a {
    	padding: 10px 15px !important;
	}

	.portfolio_block{
		margin:20px;
	}

	.login_state{
		text-align: center;
	    margin:110px 20px 10px 20px;	    
	}

	.withdraw_btn {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	a#access_link, a#wishlist_link {
    	text-indent: 0px!important;
	}
}

@media (min-width: 991px){
	.login_content{
		margin-top: 130px;
		margin-bottom: 100px;
	}
}

#sign-in-dialog{
	max-width: 600px;
}

#access_link:before{
	display: none;
}

h3,h2{
	font-weight: bold;
}

p{
	font-size: 18px;
}

footer p {
	font-size: 14px;
}

.banner_2{
	height: 500px;
}

.main-menu > ul > li > a{
	font-size: 16px;
	font-weight: bolder;
}

.feature_home_2 .col-md-6{
	margin-top: 30px;
}

.white_bg{
	background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

@media (max-width: 767px){
	a#access_link, a#wishlist_link {
	     position: relative; 
	     text-indent: -999px; 
	     width: auto; 
	     height: auto; 
	     display: block; 
	}
}

footer {
    background: #222 url(../img/pattern_5.png) repeat 0 0;
    color: #fff;
    padding: 30px 0 10px 0;
}

.portfolio_block{
	background-color: white;
	border-radius: 25px;
	padding: 20px 0px 1px 0px;
	color: white;
	box-shadow: 1px 1px 5px #2894FF;
}

.statement_customer{
	padding: 30px;
	box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	border-radius: 15px;
}

.block_title{
	font-size: 15px;
}

.block_content{
	font-size: 18px;
	font-weight: bolder;
}

.login_state{
	font-size: 15px;
	color: black;
}

.login_state strong{
	font-size: 18px;
}

.login_state span{
	font-size: 12px
}

.feature_home_2 svg {
    fill: #2d8934;
    width: 60px;
    height: auto;
}

.ready_block svg {
    fill: #2894FF!important;
}

.login_header{
	display: table-cell;
    vertical-align: middle;
    height: 100%;
    background-color: white;
    background: url(../img/login_bg.png);
}

.dataTables_wrapper,#withdrawal_table,#investment_table,#user_table{
	width: 100%!important;
	max-width: 100%;
}

.withdrawal_id{
	font-weight: bolder;
	font-size: 20px!important;
}

.withdrawal_status p{
	font-size: 16px;
}

.investments_name{
	color:#ff9a00; 
	font-weight: bold;
}

.investments_amount{
	color: black;
	font-weight: bold;
}

.investments_result{
	color:#28a745!important; 
	font-weight: bold;
}

.investments_block{
	margin-top: 20px;
	background-color: white;
	border-radius: 20px;
	box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	padding: 20px;
}

.profile_block{
	padding: 1rem 1rem 0.1px 1rem;
	box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	border-radius: 4px;	
}

.input-group input {
    height: auto;
    border: 1px solid #ced4da;
}

.input-group-text-width {
    width: 140px !important;
}

.input-group-text {
	font-size: 14px;
    background-color: transparent !important;
}

.login-dialog{
	background-color: transparent!important;
}

.small-dialog-header{
	background-color: transparent!important;
}

.small-dialog-header h3{
	font-weight: bolder!important;
	color: white!important;
}

.login-dialog .form-group .form-control{
	background-color: transparent!important;
	border:0.5px white solid;
	font-weight: bold;
}

.tabs{
	max-width: 100%;
	box-shadow: 0 0 0 0;
}

.tabs__line{
	background-color: transparent!important;
}

.tabs__controls.is-active{
	background-color: #FFAA33;
	color: white;
}

.pointer{
	cursor: pointer;
}

@media (min-width: 768px){
	.modal-dialog .modal-lg {
	    max-width: 1300px !important;
	}
}

@media (min-width: 992px){
	.modal-lg, .modal-xl {
	    max-width: 1300px;
	}
}

.admin-block{
	border: 1px solid #eee;
    padding: 20px;
}

.admin-investment .input-group-prepend{
	width: 50px !important;
	text-align: center;
}

.admin-trading-graph .input-group-prepend{
	width: 50px !important;
	text-align: center;
	margin-left: -1px;
}

.admin-trading-graph label{
	margin-bottom: 2px!important;
}

.tabs__content{
	height: auto!important
}

#user_table td i {
	margin-right: 5px;
}

.dataTables_scrollHeadInner,.dataTable{
	width: 100%!important;
}

@media(max-width: 769px){
	.tabs__section{
		padding: 10px;
	}

	.tabs{
		margin-top: 80px;
	}

	.tabs__bar{
		display: block;
	}

	.tabs__controls{
		padding: 8px 10px 8px 10px;
	}
}

@media(max-width: 500px){
	.btn-userview{
		display: block;
		width: 100%!important;
		padding: 0px!important;
		border-radius: 0px;
	}

	.btn-group-userview{
		display: block;
	}
}

.text-strong{
	font-weight: bolder;
}

.logo-container{

}

.logo-container ul{
	padding: 0;
    text-decoration: none;
    list-style: none;
    margin: 20px 0;
}

.logo-container ul li{
	display: inline-block;
    margin-right: 20px;
    margin-left: 20px;
}

@media(max-width: 500px){
	.logo-container ul li{
		display: inline-block;
	    margin-right: 10px;
	    margin-left: 10px;
	    margin-bottom: 15px;
	}
}