@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400');
body{
	
	background-color: #160E23;
	margin:0;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	color:#EAE8EA;
}

.activity .body, #inform, #confDrawer{

	color:#4F507E;
}

#confDrawer{
	background: #f9f9f9;
}

.activity.full.header>.header:first-child, .activity-header{

	box-shadow:none;
}

li.user-profile {
    background: #160e24;
   
	text-transform: none !important;
	
    color: #ccc;
}

.bg-style-1{
	background: linear-gradient(110deg, #694e77 60%, #352454 60%) !important;
}

.highlight{

	color: white;
}

.user-profile img.trader-profile-image {
    float: none;
    height: auto !important;
    width: 50px;
    margin-bottom: 20px;
    margin-top: 10px;
}

*:focus{
	
	border:none;
	outline: none;
}

img{border:none;outline:none;}
a{color:inherit;text-decoration: none;}
a.button{color:#237eb8;cursor: pointer;}
input[type=button]:active, input[type=button]:focus{outline:none;border:none;}
/**
 * 	rap div
 * this div defined the apps general width
 */
.rap{
	
	width:1000px;
	margin:auto;
}

.raw-signal-data img{
	
	max-width:95% !important;
}

.signal-img{
	
	border-radius:5px !important;
}

/**
 * 	this is the header area rap 
 * will laways be 100%
 */
#header{
	
	width:100%;
	height:55px;
	padding:10px 0;

}
#header img{
	
	height:40px;
}
/**
 * 	this is page main body bix
 */
.activity{
	
	border-radius:2px;
	padding:25px;
	width:950px;
	margin:0 auto;
	display: none;
}
#inform.activity{
	
	border:none;
}
/**
 * 	header menu - the top menu located in the header
 */
#header-menu{
	
	height:35px;
	float:right;
	border-radius:5px;
	margin:10px;
	line-height: 35px;
	padding:0;
	list-style: none;
}

#header-menu li{
	
	height:100%;
}
#header-menu li img{
	
	height:80%;margin-top:10%;
}
#header-menu li input{
	
	background-color: transparent;
	font-size: inherit;
	color:inherit;
	border:none;
	padding:0px;
	line-height:inherit;
	margin:0;	
	cursor: pointer;
	display: inline-block;
}
#header-menu li{
	
	float: left;
	padding:0 5px;
	cursor: pointer;
}
#header-menu li.clean{

	border:none;	
}
#header-menu li:last-child{
	
	border:none;
}

/**
 * 	login form
 */
.form.center{text-align: center;}
.form.center p{display:block;width:300px;margin:10px auto;}
.form.center input{
	margin: 0  0  10px 0;
}

.input-rap{display: inline-block;}

/**
 * 	headers
 */
h1{
	
	font-size: 20px;
	color:inherit;
	font-weight: 600;
	margin:0 auto 5px auto;
	padding:5px 0;
}

h1.no_upper{
	text-transform: none;
}
h1.logo{
	
	background-size:auto 80%;
	margin-bottom:10px;
}
h1.c{display: inline-block;margin:10px auto;}
h2.nerrow{
	
	max-width:800px;
	margin:15px 0;
}
.input-info{
	
    display: inline-block;
    color: #a9a9a9;
    /* font-weight: 800; */
    /* font-size: 13px; */
    margin: 0;
    padding: 5px;
}

.green{
	
	color:#46C366;
	font-weight: 700;
}
h2,p, .notice{
	
	font-size: inherit;
	margin:10px 0;
}



h1, h2 {
    font-weight: normal;
}

p,.notice{
	
	max-width:500px;

}

.notice{
	
	 background-color: #fbf0c3;
    padding: 10px;
    display: block;
    border-radius: 5px;
}
.notice.center{
	
	margin:10px auto;
}

#dialog p b{
	color:#333;
}
/**
 * 	inputs
 */
input{
	
	padding: 10px 0;
    border: none;
    font-size: 110%;
    margin: 8px 8px 8px 0;
    text-indent: 10px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    background: white
}

input:focus{

	box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
}

input[type=image]{
	
	border:none;
	box-shadow: none;
	padding:0;
}

/**
 * 	reg-bar
 */
.reg-bar{
	
	height:1px;
	display: block;
	border-radius:2px;
	padding:0;
}
.progress{
	
	transition:width 4s;
	width:100px;
	background-color: #309e89;
	height: inherit;
}
/**
 * 	form button
 */
.activity, .form{
	position: relative;
}
form button:not(.rel):not(.center){
	
	float: right;
	
}

#header-menu .nav[activity="login"]{

	display:none !important;
}

button.rel.right{float: right;}

button{
	
	padding:10px;
	height: 40px;
	background-color: #009688;
	color:white;
	font-size: inherit;
	font-weight:600;
	border:none;
	border-radius:2px;
	line-height: 40px;
	padding:0 10px;
	cursor: pointer;
	
}

.feature-list a, #message a{
	
	color:#3838f2;
}

ul.grid-view.feature-list li p{
	
	    margin-left: 10px;
}

.activity.full.header .header h1{
	
	
}

ul.grid-view.feature-list li p a{
	
	    margin-left: 10px;
}

.activity.full.trans-footer .footer {
    background: linear-gradient(to top, rgb(247, 245, 245) , rgb(247, 245, 245), rgba(255,255,255,0));
    box-shadow: none;
}

button.big{
	
	padding:0 15px;
	    font-size: 20px;
}

.activity.full.footer.trans-footer .body{
	
	bottom:0px;
	padding-bottom:50px;
}

.feature-list li div{

	padding:10px;
}
.feature-list li{
	
	max-width:400px;
	display:inline-block;
	background: #fff !important;
}

.btn-block{
	height: 40px;
	    height: 55px;
    line-height: 42px;	
}

button.light{
	
	background: #e4e4e4;
	color:#090909;
}

button:not(.ripple-btn):active{opacity:.5;}
.newline{
	
	display: block;
}

#loader, .loader{
	
	position: fixed;top:20px;left:0;height:100%;width:100%;
	/*background: url('../../images/fxsignals/white-fade.png') repeat;*/
	text-align: center;
	z-index: 10001;
}
.spinner{
	    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 83px;
    padding: 10px;
    border-radius: 25px;
    background-color: rgba(0,0,0,.8);
    height: 20px;
    border: solid #333 1px;

}

/**
 * 	mobile css
 */
@media (max-width:1000px){
	
	#header{
		
		width:inherit;
		display:block;
		height:30px;
	}
	
	/**
	 * 	ios avoid header block on 5+ versions
	 */
	body.ios-7 .rap.main, body.ios-8 .rap.main, body.ios-9 .rap.main{
		
			top:65px;
	}
	
	body.ios-7 #header, body.ios-8 #header, body.ios-9 #header{
		
		padding:20px 5px 5px 5px;
		background: #000;
	}
	body.ios-7 , body.ios-8 , body.ios-9 {
		
		/*margin-top:15px;*/
	}
	
	#header img{
		
		margin-top:0;
		height:30px;
	}
	#header-menu{
		
		height:35px;
		line-height: 35px;
		margin:2px 0px 0px 0;
		font-size:13px;
	}
	#header-menu li{
		
		padding:10px auto;
	}
	
	.rap{
		
		width:100%;	
	}
	.activity{
		
		width:94%;
		border-radius:0;
		margin:0;
		padding:3%;
		box-shadow:none;
		position: relative !important;

		border:none;
	}
	.activity.form input, .input-rap{
		
		display:block;
		width:100%;
		margin:10px auto;
	}
	.activity.form input{
		
		width:100%;margin:auto;
	}
	#inform{padding:0 !important;position:fixed !important;top:0 !important;}
	#inform .form{
		width:90% !important;margin: 0 auto !important;display: block;
	}
	
	.form button{margin-bottom:10px;}	
	
	body.open{
		
		width: 100%;
    	overflow: hidden;
	}
}
.activity button.center{position: relative;display: inline-block;margin:auto;}
.activity.sl{
	
	width:1000px;
	padding:0;
	position: relative;
	
	background-color: none;
	
}

.item-selected li.selected .signal_data{display:block;}

body{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li form{display: inline;}
.pack input[type=image]{
	
	width:98%;
	
	margin:auto;
}
.pack{
	cursor: pointer;
	display:inline-block !important;
	padding:0;
	background-image: url('../images/ic_refresh.png') no-repeat center;
	}
	
.p-select{
	
	display: inline-block;
	margin:5px;
	max-width:460px;
	vertical-align: top;
}	
	
/*
 * change in small screens
 */
@media(max-width:900px){
	
	.pack{margin: 0;cursor: pointer;width:100% !important;display:block !important;}
}
/**
 * 	trial header
 */
.trial{
	
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background-color: #253651;
	color:#ccc;
	padding:0;
	height:40px;
	line-height:40px;
	padding:5px;
	text-indent: 10px;
	font-weight: bold;
	text-shadow: 0 1px #000;
}
.trial button{
	font-size:12px;background-color: #30960c;padding:7px;height:auto;font-weight: bold;line-height: 100%;margin:5px;
	text-shadow:0 1px #456a10;text-transform: capitalize;
}
.trial img#refresh{float: right;margin:3px 5px 5px 5px;border:solid #666 1px;border-radius:2px;}
.trial img#refresh:active{background-color: #000;}

/**
 * signal list styles 
 */
ul.sl{
	
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	padding:0;
    width: 100%;
	border-right:solid #ccc 1px;
	margin:0;
}

ul.sl li{
	
	padding:0;
	cursor:pointer;
	margin:0;
	display:block;
	list-style: none;
	position: relative;
	height: 60px;
	
	border-bottom:1px solid #e0e0e0;
}
ul.sl li.current{
	
	transition:background .3s;
	background: #1A1F29;	
}
ul.sl li > a{
	
	padding:13px 5px 13px 15px;
	color:#444;
	display: block;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	font-weight: 700;
	border-bottom:solid #ccc 1px;
}
ul.sl li:not(.lable) a{
	
	min-height:37px;	
}

/**
 * 	thumbs up and toggle icon panel
 */
li div.thumb-rap{
	
	float: right;
	display: inline-block;
	padding:3px 5px;
	/*border-radius:4px;
	background-color: #ccc;*/
	margin:2px 2px 0 2px;
	font-size:11px;
	text-transform: capitalize;
	text-align: center;
	color: #666;
}

.like{
	
	margin-top:8px;
}

ul.sl li div.thumb-rap img{
	
	height: 22px!important;
    margin: 5px auto;
    float:none;width:auto;
}
ul.sl .date{
	
	text-transform: none;
	font-size: 12px;
	margin-top:5px;
	display:block;
}
ul.sl li .date img.date_ic{
	
	height:15px;
	margin-right:5px;
}

ul.sl li .share-btn{
	
	    margin: 7px 5px
}

.signal-icon-rap{
	
	display:inline-block;
	margin: 0;
	vertical-align: top;
	height: 55px;
	margin-left:-22px;
}

.date-box{
	
	display:inline-block;
	text-align: center;
	padding:0 25px 0 10px;
	vertical-align: top;
	text-transform: none;
	
}
.date-title{
	
	margin-top:3px;
	opacity:.5;
	text-transform: none;
}
.date-box .time{
	
	margin-top:10px;
	font-size:13px;
}

.sl_header{
	
	padding:10px 15px;
	text-transform:none;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background-color: #333;
	font-weight: 700;
	color:white;
	margin-top:10px;
}
ul.sl li:last-child a{
	
	border-bottom-left-radius:5px;
}

ul.sl li::not(.selected):not(.current):not(.lable):hover a{
	
	background-color:#eee;
	box-shadow:inset 0 0 10px 3px white;
	font-weight: 900;
}



ul.sl li.current:not(.lable):hover a{background-color: #fff;}
ul.sl li a img{
	
	float:left;
	/*height:35px;*/
	margin-right:10px;
	max-width:30px;
}

ul.sl li img.lock{
	
	width:35px;
	max-width: none;
}

ul.sl li.curr .signal_data{
	
	display: block;
}
.signal_data{
	
	border-bottom-right-radius:5px;
	background-color: #eee;
	height:100%;
	display: none;
	position: absolute;
	top:0;
	left:290px;
	width:710px;
	overflow: hidden;
	/*border-bottom:solid #ccc 1px;*/
	border-left:solid #ddd 1px;
}
.signal_data .content img{
	width:99%;
	height:auto;
}
.signal_data iframe{
				
	max-width: 100%;
}
.signal_data .content{
	
	padding:0 10px;
}
.signal_data .header{
	
	border-top-right-radius:5px;
	background-color: #444;
	font-weight: 700;
	font-size:15px;
	text-transform:none;
	color:white;
	margin:0;
	padding:10px;
}

#inform .form #message{
	
	line-height: 25px;
}

#inform .form #message a{
	
	color:#0016B0;
	text-decoration: underline;
}

#inform .form #message a.button{
	
	padding: 2px;
	border:#0016B0 solid 1px;
	text-decoration:none;
	border-radius:2px;
	
}

/**
 * 	inform panel
 */
#inform{
	
	background: rgba(0,0,0,.4);
	border-radius:0;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1000;
	padding:0;
}
#inform .form{
	
	background-color: #12151c;
	display:block;border-radius:5px;width:500px;margin:100px auto;
	padding:0px;
	margin:0 auto;
	
}

#inform .form #message > h1{
	
	padding:10px;
}
#inform .form #message > p:not(.full){
	padding:0 10px;
}

.dialog-body ul.list-view li img{
	
	vertical-align: top;
}


#inform .form p{margin-top:0;margin-bottom:20px;}
#inform .form button{float:none;margin:auto;display:block;    border-radius: 2px;}

.thumb-rap.status .count{
	padding-top: 2px;	
}
.thumb-rap.status img{
	display:block;	
}
.thumb-rap.status{
	text-align: center;
	border-right:none;
}
.thumb-rap.like{
	
    width: 45px;
}

/**
 * 	special desktop features
 */
@media (min-width:1000px){

	
	#inform .form #message {
	
	  		overflow-y: scroll;
	}
	
	.activity.form button:not(.center):not(.rel){position:absolute;bottom:5%;right:7% ;}
	#inform .form{padding:20px 20px 40px 20px;}
	ul.sl{
		
	overflow-y: scroll;
	}
	.activity.sl{position:absolute;bottom:70px;top:0;border-top-left-radius:0px;border-top-right-radius:0px;}
	.signal_data{
		height: 100%;
	overflow-y: scroll;
	}
	li.current{
		
		background-color: white !important;
	}
	li:hover a{
		
		/*background-color: #333;*/
	}
	
	/*
	 * position trial banner to fixed on top in big devices
	 */
	.trial{position:fixed;top:0;margin-left:300px;min-width:400px;box-shadow:0 0 10px 0 rgba(255,255,255,.5);
	border:1px solid #666;border-top:0;}
	
	/*
	 * form 
	 * 
	 */
	.activity.form {padding-bottom: 55px;}
	.item-selected li.selected{background-color: #fff;}
	
	#sl_head.visible{display:block;}
	
	/*
	 * because of tel input in desktop mode set special css in registration form
	 */
	#register input:not(.tel):not([type=checkbox]){
			
			margin:5px 0 !important;
			padding-right:44px;
	}
	
	li.signal.selected{
	
		transition:all .3s;
		border:solid 1px orange !important;
	}
	
	.signal.watched, li.signal.selected{
	
	   /*border:solid 1px #E5DFDF;*/
	}
	
}
/**
 * 	mobile signal list
 */
@media (max-width:1000px){
	
	ul.sl li:hover a{background-color: #fff;}
	.sl_header{display:none;}
	/**
	 * 	fixed headers
	 */
	#header{
		
		position:fixed;top:0;width:100%;z-index:100;padding:5px 5px;height:40px !important;overflow: hidden;
	}
	
	#header .item{
		
		display: inline-block;
		padding:5px 2px;
	}
	
	.trial{
		z-index:100;
		
		width:100%;
		
		border-radius:0;
		
		padding:0;
		line-height: 40px;
		box-shadow:0 2px 3px 1px rgba(0,0,0,.2);
		    position: fixed;
    bottom: 60px;
	}
	.activity{
		
		
		padding-top:65px;
	}
	
	.activity.full{
		
		padding:0;
	}
	
	.activity.sl{
		
		margin:0;width:100%;padding-top:50px;
	}
	
	.signal_data .header{
		
		display: none;
	}
	
	ul.sl, ul.sl li{
		
		width:100%;margin:0;
		
	}
	ul.sl li.signal > a{
		
		background:url('../images/arrow.png') right no-repeat;background-size: auto 100%;
	}
	ul.sl li.signal[open=open] > a{
		background:url('../images/arrow_exp.png') right no-repeat;background-size: auto 100%;
	}
	.signal_data{
		
		position: relative;
		width:100%;
		height:auto;
		left:0;
	}
	
	.item-selected li:not(.selected){
		display:none;
	}
	.item-selected li.selected{display:block;}
	#sl_head{display:none;}
	
	/*
	 * this css makes sure the tel input will be 100% wide in mobile
	 */
	.intl-tel-input{display:block !important;}
	
}

#sl_head{display:none;}

/*
 * query only mobile phones
 */
@media only screen and (max-width:500px){
	
	#inform .form button{
		
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
	#inform .form{
		
		position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
	}
	#inform .form #message{
		
		position:absolute;
		top:20px;
		bottom:80px;
		right:20px;
		left:20px;
		overflow-y: scroll;
	}
	
	.rap{
		
		transition:all .2s;
		left: 0;
  		position: relative;
	}

}



.desc{display:none;font-size:inherit;color:#333;font-weight: bold;margin:7px 0 2px 3px;}

.form-table tr td{padding:0;border-collapse: collapse;}

ul.sl li.lable > a{background-color:#555;color:white !important;padding:7px !important;text-transform: capitalize;}
ul.sl{border-top-left-radius: 0px;}
.upgrade-list{
	
	font-family: inherit;
	line-height: 22px;
	font-weight: 600;
	display:block;
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
}

.hidden{display:none};

/*
 * share dialog
 */
.share-dialog-icon{
	
	margin-right:10px;
}

li.signal:not(.label):not(.watched){
	
	  
}

ul.sl{
	
	border:none !important;
}



.signal_data a:visited, .signal_data a, .signal_data:focus a{
	
	background-color: transparent !important;
}

.msg p {
	
	font-size: 15px !important;
    color: #444 !important;
    line-height: 18px;
    margin-bottom:0 !important;
}

.msg p a{
	
	text-decoration:underline;
	color:#0016B0;
}

#dialog{
	
	display:none;
	
	color:#333;
	font-size: 17px;
	position:fixed;
	top:0%;
	bottom:0%;
	left:0;
	right:0;
	width:95%;
	max-width:500px;
	    margin: 2.5% auto;
	    border-radius:5px;
	    box-shadow:0 0 10px 2px rgba(0,0,0,.3);
	    z-index:1001;
	    background-color: #fff;
}

.signal-img {
    height: auto !important;
    min-height: 90px;
    background: url('../../../res/images/fxsignals/loading-spinner.gif') no-repeat center;
}

#dialog table td{

	vertical-align: top;	
}
#dialog table{
	
	height:100%;
	width:100%;
	border-collapse: collapse;
}
#dialog .dialog-body{
	
	padding:10px;	
	background-color: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    bottom: 50px;
    top: 54px;
    right: 0;
    left: 0;
}
#dialog td.dialog-header {

	height:50px;
	line-height: 50px;
	padding-left:10px;	
	border-bottom:solid 1px #ccc;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 18px;
	background-color: #fff;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

#dialog td.dialog-header span.top.exit{
	
	float:right;
    width: 30px;
	line-height:30px;
    max-height:30px;
    margin:10px;
    color:#999 !important;
    border-radius:20px;
    border:solid 1px #ccc;
    text-align: center;
    cursor: pointer;
}

#dialog.signal-data-dialog td.dialog-header span.top.exit{
	
	float:right;
    width: 30px;
	line-height:30px;
    height:30px;
    margin:10px;
    color:#12151c !important;
    border-radius:20px;
    /*border:solid 1px #244f53;*/
   background-color:#244f53;
   font-weight:600;
   font-size:20px;
    text-align: center;
    cursor: pointer;
    border:none;
}

.raw-signal-data h1{
	
	text-transform: none;	
}

::-webkit-scrollbar              { /* 1 */background-color:#12151c;display:none; }
::-webkit-scrollbar-button       { /* 2 */background-color:#12151c; }
::-webkit-scrollbar-track        { /* 3 */background-color:#12151c; }
::-webkit-scrollbar-track-piece  { /* 4 */background-color:#12151c; }
::-webkit-scrollbar-thumb        { /* 5 */background-color:#12151c; }
::-webkit-scrollbar-corner       { /* 6 */background-color:#12151c; }
::-webkit-resizer

#signal-page.activity .raw-signal-data{
	
	background-color: transparent !important;
	
}

#dialog .dialog-buttons td a{
	
	display: block;
    height: 50px;
    line-height: 50px;	
}
#dialog .dialog-buttons td{
	
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	vertical-align: middle;	
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	background-color: white;
	    font-size: 15px;
}

#dialog .dialog-buttons td.highlight{
	
	    background-color: #217D3D;
    transition: color .3s, font-size .3s;
    color: #61A454;
    font-size: 18px;
}

#dialog.signal-data-dialog .dialog-buttons td:not(.highlight):hover{
	background-color: #191d27;
}
#dialog .dialog-buttons td:not(.highlight):hover{
	
	background-color: #eee;
}

#dialog .dialog-buttons td:last-child{
	
	border-bottom-right-radius:5px;	
}
#dialog .dialog-buttons td:first-child{
	
	border-left:none;
	border-bottom-left-radius:5px;
}

#dialog .dialog-buttons{
	
	height: 50px;
}

.fade{
	
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	display:none;
	background-color: rgba(0,0,0,.6);
	z-index:105;
}
#results_list table{
	
	width:100%;
	border-collapse: collapse;
}

#results_list li:first-child{
	
	border-top:1px solid #e0e0e0; 
}

#results_list td{
	
	padding:5px 0;
}
#results_list td:first-child{
	
	text-align: center;
	width:50px;
}
#results_list td .signal-icon-rap {
	
	margin: auto;
	float:none;	
}
#results_list td .signal-icon-rap img{
	
	width:auto;
	height:inherit;	
}
#results_list tr{

	    border-bottom: 1px #ccc solid;	
}
#results_list td:last-child{
	
	text-align:right;
}

.footer .rate{
	
	float:right;
    line-height: 50px;
    margin-right: 10px;
    font-weight: bold;
    color: #5a9946;
}

.lose, .win, .didnt-occur{
	
	padding:10px 5px;
	color:white;
	display:inline-block;
	font-weight: bold;
	font-size:14px;
	color: #41942e;
	width: 70px;
	text-align: center;
	right: 5px;
    position: absolute;
    top: 10px;
}
.didnt-occur{
	padding:5px 5px;
	    line-height: 13px;
	    color: rgb(115, 115, 115);
}
.lose{
	
	color: #FF4C29;
}
#results_list .date{
	
	    height: 20px;
    line-height: 20px;
    padding-left: 27px;
    background: url('../images/ic_date.gif') no-repeat left top;
 }

#results_list td .header{
	
	padding:2px 0;
	display: inline-block;	
	    font-weight: 700;
	    font-size:12px;
}
#results_list td{
	
	vertical-align: middle;
}

.signal-result-navigation{
	
	width:100%;
	max-width:1000px;
	display: block;
	padding:0;
	margin:0;
	height: 45px;
	    box-shadow: inset 0 -1px 0 0 #404040;
	background-color: #12151c;
}

#menu-rap{
	top:-1px;
}

.win-rate-label{
	
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #12151C;
    background: linear-gradient(#232731,#12151C);
    color:white;
    text-shadow:1px 1px 5px #333;
    height: 45px;
    line-height: 45px;
    font-weight:700;
    box-shadow:0 -2px 12px 0px rgba(0,0,0,.5);
}
.win-rate-label label{
	
	margin:0 10px;
	float:left;
}
.win-rate-label .rate{
	
	float: right;
	margin:0 10px;
	color:#fff;
}

@media (max-width:1000px){
	
	
	.win-rate-label{
	
		position: fixed;
	}
}

ul#signal_list, ul#results_list, .under-menu{
		
    	/*margin-top: 45px;*/
    	
	}
	
	

.signal-result-navigation li.selected{
	
	/*transition:box-shadow 5s;
	box-shadow:inset 0 -2px 0 0 blue, inset 0 0 5px 0 rgba(0,0,0,.3);
	*/
	transition:box-shadow .3s;
	color:#eee;
    box-shadow: inset 0 -4px 0 0 #ffffff;
}

.signal-result-navigation li{
	
	float: left;
	list-style: none;
	width:33.3%;
	
	max-width:500px;
	text-align: center;
	
	line-height:45px;
	height: 100%;
}

.nav{
	
	cursor: pointer;
}

.activity.no-pad{
	
	width:1000px;
	padding:0;
	position: relative;
}

ul.full-page{
	
	padding:0;
	list-style: none;
}

ul.list-view li .button{
	
	float:none !important;
	padding:10px !important;
	line-height: 14px;
	height: auto;
	text-transform: none;
	margin:auto;
	    right: 5px;
    top: 0px;
    position: absolute;
}

.button.grey{
	
	border-radius:3px;
	border:solid #bbb 1px;
}
.button.blue{
	
	text-shadow: 0 2px #346347;
	color:white;
	border-radius:3px;
}

.btn-grey:active{
	
	background-color: #ccc;
}

ul.list-view{
	
	margin:0;
	    border-top: solid 1px #ccc;
}

ul.list-view li{
	
	height:50px;
	padding:0 0 0 10px;
	line-height:50px;
    border-bottom: solid 1px #d8d8d8;
	position: relative;
}

.under-menu p{
	
    margin: 0 10px;
    padding: 10px 0;
}

span.terms{
	
	display: block;
    left: 0;
    right: 0;
    text-align: center;
    color:#444;
    color: #777777;
        padding: 10px 0;
}

span.terms a {
	
	cursor: pointer;
}


@media (min-width:1000px){
	
	
	ul#signal_list, ul#results_list {
	    
	    position:absolute;
	    top: 0;
	    bottom: 0px;
	}
}
.asset-box{
	
	    margin: 7px 0px 3px 15px;
}
.asset-box, .trade-box{
	
	display: inline-block;
	margin-top:12px;
	text-transform: uppercase;
}
.trade-box{
	
	text-align: center;
	text-shadow:none;
}
.trade-box.buy{
	
	background: transparent url('../../images/fxsignals/ar_up.png') no-repeat left;
}
.trade-box.sell{
	
	background: transparent url('../../images/fxsignals/ar_down.png') no-repeat left;
}
.actions{
	
	    display: inline-block;
    right: 0;
    position: absolute;
    bottom: 0;
    top:0;
}

#dialog.signal-data-dialog td *{
	
	text-shadow:none !important;
}
#dialog.signal-data-dialog .dialog-buttons td.highlight{

	background: #12151c url('../../images/fxsignals/liked-icon-25x25.png') no-repeat right 10px top 10px;
	color:#66B84D;
	transition: font-size .2s, color .2s;
	font-size:18px;	
}
#dialog.signal-data-dialog .dialog-buttons td{
	
	background-color: inherit;
	border-color:#233728;
	color:#4B6D82;
}
#dialog.signal-data-dialog td.dialog-header{
	color:#61a454;
	font-size:22px;
	border-color:#233728;
}
#dialog.signal-data-dialog, #dialog.signal-data-dialog .dialog-body, #dialog.signal-data-dialog td.dialog-header{
	
	background-color: #12151c;
}

#dialog.signal-data-dialog{
	
	background-color: #12151c;
	border:solid 1px #244f53;
	border-radius:3px;
}

/**
 * 	media query fo r extra small width screens
 */
@media only screen and (max-width:350px){
	
	
	
	ul.sl li.signal > a{
		
		padding:10px 10px 10px 10px;
		background-position: top 5px right 5px;	
		background-size: auto 70% !important;
	}

	h1.logo{font-weight: 800;}
	.bottom-bar{font-size:12px;height:20px;padding:5px;}
	.bottom-bar img{height:30px;}
	
	
	.asset-box, .trade-box{
		
	}
	
	
	li div.thumb-rap{
		
		padding:0;
		margin: 3px 2px 0px 2px;
	}
	
	.date-box .date-title {
	    font-size: 90%;
	    margin-top: 7px;
	}
	
	.date-box .time {
	    margin-top: 4px;
	    font-size: 12px;
	}
	
	
	ul.sl li{
		
		    margin: 1px 0;
	}
}

ul.sl li.signal.blocked{
	
	
	background-color: #eee !important;
}
ul.sl li.signal.blocked a > img{
	
    margin: 10px 0px 10px 17px;
}

a.share-dialog-icon img {
    width: 50px;
}

.signal.blocked .button{
	
	float:right;
    font-size: 14px;
    text-transform:none;
    line-height:14px;
    font-weight: bold;
    margin-right: 10px;
    margin-top:10px;
    padding:10px;
    text-shadow: none;
}

.nav.light{
	
	color:#42BF64 !important;
}

ul.brokers-list li{
	
	text-indent: 0 !important;
}

.activity form h1:first-child{ margin-top:10px;}

#headline{
	display:none !important;
}


#signal-page .header label.action, .trade-box{
	
	    padding: 5px;
    color: #fff;
    margin: 0;
    position: absolute;
    line-height: 13px;
    text-indent: 0;
    margin: 13px 10px;
    border-radius: 1px;
    
}

.trade-box{
	
	position:relative !important;
     vertical-align: top;
    float: left;
    margin: 13px 0 0 10px;
        width: 37px;
        box-shadow: 0 3px 2px 0 rgba(0,0,0,.1);
}

.trade-box.buy:before, .trade-box.sell:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 45px;
    top: 0px;
    border: 5px solid;
    border-color: #42bf64 transparent transparent #42bf64;
}

.trade-box.sell:before{
	
    border-color: #d54529 transparent transparent #d54529;
	
}

#signal-page.activity.full.header .header h1{
	
	padding: 0;
}

.activity.light{

	background: #f8f8f8;
}

#signal-page .header label.action.buy, .trade-box.buy{
	
	background: #42bf64;
}
#signal-page .header label.action.sell, .trade-box.sell{
	
	background: #d54529;
}


#signal-page .header .action-rap{
	
	    float: right;
}
#signal-page .header .thumb-rap{

	display: inline-block;

}

#signal-page .header .thumb-rap img{
	
	width:inherit;	
}

.header .thumb-rap img {
    width: 22px !important;
    margin:0px auto 0 auto;
}

.header .thumb-rap .like{
	
	margin-top:0;	
}
.activity.header .header .thumb-rap{
	
	    /* margin-left: 13px; */
    line-height: initial;
    /* width: 26px; */
    /* margin-top: 3px; */
    padding: 12px 0px !important;
    vertical-align: top;
}

.raw-signal-data span {
    margin-left: 0 !important;
}

.raw-signal-data h1.loss {
    color: #bf240f !important;
}

.raw-signal-data h1.profit {
    color: #08943d !important;
}

.failed-signal-data-label{
	
	    padding: 10px 0;
    color: #687790;
}

li.signal label.new{
	
	    color: orange;
    font-size: 11px;
    float: right;
    margin-left: 3px;
}

#header-menu li label.not-read{
	
	    background: red;
    /* padding: 5px; */
    border-radius: 20px;
    width: 20px;
    position: absolute;
    height: 20px;
    /* top: 0; */
    /* right: 0px; */
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    margin-left: -15px;
    margin-top: -2px;
}

.list-view label.not-read{
	
	display: inline;
    color: #F69439;
    padding: 5px;
    font-size: 12px;
    position: relative;
    border: 1px solid #F69439;
	margin-left:2px;
}

#dialog .dialog-header .text{
	
	    max-width: 80%;
    display: inline-block;
    line-height: 21px;
    vertical-align: middle;
}

#dialog-body *{
	
	color:inherit;
}

#dialog .dialog-header .text {
    margin: 10px;
    display: inline-block;
        margin-right: 40px;
}
#dialog .dialog-header {
    height: 50px;
}
#dialog .dialog-header span.top.exit {
    float: right;
    padding: 6px 11px;
    font-weight: bold;
        font-size: 24px;
        position: absolute;
    top: 0;
    right: 0;
}
#dialog .dialog-buttons {
        height: 50px;

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

#dialog div#dialog-body {
    position: absolute;
    left: 0;
    right: 0;
    padding: 10px;
    top: 50px;
    bottom: 50px;
}

.disclaimer{
	
	text-align: center;
	font-size:14px;
	display:block;
	max-width: none;
	padding: 5px;
	line-height: 22px;
}

.disclaimer.marked{
	
	border: red solid 1px;
}

.disclaimer a{
	
	text-decoration: underline;
}

.cb, #register .cb{
	
	display: inline-block !important;
	vertical-align: top;
	margin: 0 !important;
}

.cb.large{
    height:22px;
    width:22px !important;
}

.cb.large[type="checkbox"]:before{
    width: 20px;
    height: 20px;
}
.cb.large[type="checkbox"]:after{
    top: -20px;
    width: 16px;
    height: 16px;
}
.cb.large.custom[type="checkbox"]:checked:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGHRFWHRBdXRob3IAbWluZWNyYWZ0aW5mby5jb23fZidLAAAAk0lEQVQ4y2P4//8/AyUYwcAD+OzN/oMwshjRBoA0Gr8+DcbIhhBlAEyz+qZZ/7WPryHNAGTNMOxpJvo/w0/uP0kGgGwGaZbrKgfTGnLc/0nyAgiDbEY2BCRGdCDCnA2yGeYVog0Aae5MV4c7Gzk6CRqAbDM2w/EaQEgzXgPQnU2SAcTYjNMAYm3GaQCxNuM0gFwMAPUKd8XyBVDcAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);
}
.cb.large.custom[type="checkbox"]:not(:disabled):checked:hover:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGHRFWHRBdXRob3IAbWluZWNyYWZ0aW5mby5jb23fZidLAAAAk0lEQVQ4y2P4//8/AyUYwcAD+OzN/oMwshjRBoA0Gr8+DcbIhhBlAEyz+qZZ/7WPryHNAGTNMOxpJvo/w0/uP0kGgGwGaZbrKgfTGnLc/0nyAgiDbEY2BCRGdCDCnA2yGeYVog0Aae5MV4c7Gzk6CRqAbDM2w/EaQEgzXgPQnU2SAcTYjNMAYm3GaQCxNuM0gFwMAPUKd8XyBVDcAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);
}

.loader-2{
	
	height: 30px;
    padding: 5px;
    width: 30px;
    margin: 0 auto;
}

body > .loader-2 , .activity > .loader-2{
	top:0 !important;
  position: absolute;
    margin: 0 auto;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    left: 0;
    right: 0;
   background: white;
    border-radius: 50%;
    padding-top: 0;
    
  &:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
 

}

.list-pull-loader{
	
	background: white;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3)!important;
}

.loader-2 circle {
    stroke-width: 4px !important;
}

.loader-2 .circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader-2 .circular .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes color {
  100%,
  0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%,
  90% {
    stroke: #fff;
  }
}

#inform{
	display: none;
}

#inform .form, #inform #message, #inform button{
	
	position: relative !important; 
	
}
#inform #message, #inform button{
	bottom:0 !important;top:0 !important;right:0 !important;left:0 !important;
}
#inform.ng-show{
	
	display:block !important;
	opacity:1;
	z-index:100000;
}

*:not(#dialog) > .dialog-header {
	position: absolute;
}

#inform.ng-show .form{
	
	animation: show .3s ;
}

@keyframes show {
	0% {
	  opacity:0;
	  transform: scale(0.5);
	}
	70% {
	  transform: scale(1.02);
	}
	100% { 
	  opacity:1;
	  transform: scale(1);
	}
  }
  

.dialog-body.full{
	
	padding:0;
}

#inform .form{
	
	background-color: white;
	display:block;border-radius:2px;width:500px;margin:100px auto;box-shadow:0 0px 5px 0px rgba(0,0,0,.4);
	padding:0px;
	margin:0 auto;
	
}
#inform .form p{margin-top:0;}
#inform .form button{float:none;margin:auto;display:block;}

.activity{
	
	display:block !important;
}

ul.brokers-list li label {
	
	margin-top: 10px;
	margin-right: 100px;
}

.activity.full.footer .footer button{
	
	margin:8px;
}

.activity.full.footer .footer label {
    line-height: 60px;
    margin-left: 10px;
}

#header .chat-icon{
	
   color: #ffc200;
}

#header .chat-icon img{
	
	    float: right;
    margin: 2px 0 0 5px;
}

@media (max-width:500px){

	h2, p, .notice{
		
		font-size:inherit;
	}	
	
}
@media (min-width:1000px){
	
	ul.grid-view li{
		
		max-width: 45%;
	}
	
	
}

.t-center{
	
	text-align:center;
	    text-indent: 0 !important;
}

ul.grid-view li{
	
    display: inline-block;
	width: 97%;
	margin: 1.5%;
	background: #f5f5f5;
	box-shadow:0 3px 3px 0px rgba(0,0,0,0.1);
}

ul.grid-view{
	
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

ul.grid-view li img {
    display: inline-block;
    margin: 2%;
    width: 15%;
    max-width: 50px;
    vertical-align: middle;
}

ul.grid-view li p  {
    display: inline-block;
        vertical-align: middle;
       width:75%;
}

.widget {
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
    margin: 5px !important;
    padding: 0px;
    transition:height 600ms, opacity 300ms;
    border-radius:3px;
    font-size: 14px;
    max-width: 500px;
}

.widget .header h1{
	
	background: #4d8a66;
	color:white;
	height:30px;
	line-height:30px;
	text-indent:5px;
	text-indent: 0;
	    text-indent: 5px !important;
	    font-size: 14px;	
}

.widget-body b{
	
	color:#4d8a66;
	font-weight: bold;
}

.widget button {
   
    font-size: 13px;
    padding: 0 7px;
    height: 30px !important;
    line-height: 13px;
    background: #ef7c2f;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.widget .header .exit {
    content: "x";
    float: right;
    color: rgba(255,255,255,.8);
    font-size: 15px;
    border-radius: 20px;
    width: 25px;
    line-height: 23px;
    text-align: center;
    background: rgba(255,255,255,.1);
    margin: 5px;
    cursor: pointer;
}

.widget-body.hide {

	opacity:0;	
}
.widget-body.with-button {
	
    padding-right: 100px;	
}
.widget-body {

	font-size: 13px;	
	position: relative;
}
.widget-body p{
	
	text-align:left;
	font-size:inherit;
	margin: 0;
    padding: 0 0 5px 5px;
}

.float-in{
	
	transition: all 300ms;
}

.float-in.ng-hide{
	
	transform: scale(0);
	opacity:0;
}

.float-in.ng-hide-active{
	
	transform: scale(1);
	height:auto;
}


#menu-rap:after {
    content: " ";
    display: block;
    height: 5px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    top: 40px;
    background: transparent;
}

#header a.item{
	
	vertical-align: middle;
}

.activity.full.header > .header{
	
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}

.header li.signal .container{
	padding: 7px 0 6px 5px;
	height: 30px;
}

@keyframes blink {  
  0% { opacity: 1; }
  50% { opacity: .5; }
  100% { opacity: 1; }
}
@-webkit-keyframes blink {
  0% { opacity: 1; }
  50% { opacity: .5; }
  100% { opacity: 1; }
}
.blink {
  -webkit-animation: blink 1.5s linear infinite;
  -moz-animation: blink 1.5s linear infinite;
  animation: blink 1.5s linear infinite;
} 

.chart-rap,.asset-live-chart {
    height: 130px;
    width: 100%;
    position: relative;
}

.ic-small{
	
	height:30px;
	background: rgba(0,0,0,.1);
	margin:auto;
	display:block;
	padding:5px;
	border-radius:3px;
}

.ic-small img{
	height:100%;
	width:auto;
}

.asset-live-chart{
	
	pointer-events:none;
}

.asset-live-chart{
	
	position: absolute;
	top: 0;
}

.refresh-chart-btn{
	
	top:50px;
	display:block !important;
}

.share-bubble .share-link img{
    
    height:30px;
    margin: 0 !important;
}

.share-bubble .share-link:not(:last-child) img{
	
	margin-right:5px !important;
}

.share-bubble .share-link{

	display: inline-block;	
}
.share-bubble {
    
    padding: 10px;
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,.2);
  
}

.result-status {
    float: right;
}

.share-bubble.ng-hide {
	
	transform: scale(0);
}

.loader-2 .circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
 
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader-2 .circular .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}

.white-bubble {
    background: #fff;
    height: 48px;
    margin-bottom: 7px;
    line-height: 48px !important;
    font-size: 90%;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.1);
    border-radius:3px;
}

.white-bubble:first-child{
	
	margin-top:7px;
}

.white-bubble .t-left {
    float: left;
    text-align: left;
    color: #646464;
}

.white-bubble .t-right {
    float: right;
    text-align: right;
    padding-right: 10px;
}

.white-bubble div {
    display: inline-block;
}

.white-bubble .t-left.ic-bg {
    text-indent: 45px;
    background-size: 18px 25px !important;
}
.t-left.ic-bg.ic-clock {
    background: url(../images/ic-clock.svg) no-repeat left 13px top 50%;
    background-size: 23px 23px !important;
}
.t-left.ic-bg.ic-trigger {
    background: url(../images/ic-trigger.svg) no-repeat left 13px top 50%;
}
.t-left.ic-bg.ic-hourglass {
    background: url(../images/ic-hourglass.svg) no-repeat left 13px top 50%;
}

.put-color{
	color:#da585d;
}

.call-color{
	
	color:#0db14b;
}

.put-color, .call-color{
	
	font-weight: 700;
}

#signal-page .body{
	
	margin:auto;
}

.activity.header .header button.header {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 10px;
    font-size: 80%;
}

.activity.full h1 {
    text-indent: 0px;
    font-weight: normal;
}

.body.center {
    text-align: center;
}

.body.center  p{
	
	max-width: none;
}

@media (max-width:320px){

	body.fr .white-bubble{
		
		font-size: 80%;
	}
	
	.raw-signal-data h1{
		padding: 7px 0 7px 10px !important;
	}
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.activity{
	
	display:block !important;
}

.toast{
	
	transition: 300ms;
    position: fixed;
    bottom: 7px;
    left: 7px;
    right: 7px;
    color: #fbfbfb;
    padding: 10px;
    font-size: 17px;
    background: rgb(47, 47, 47);
    max-width: 400px;
    z-index: 200000;
    border-radius: 3px;
    
}

.toast .close{
	
	    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: rgba(0,0,0,0.2);
}

.toast.notice{
	
	background: #e4a757;
    color: white;
}

.toast.ng-hide{
	
	display: block;
	bottom:-30px;
	opacity:0;
}

.toast.ng-show{
	
	bottom:7px;
	opacity:1;
}

.p-select img {
    width: 100%;
   }

/** ripple */

.ripple-btn {
  position: relative;
  overflow: hidden;
}




.ripple-btn{
  overflow:hidden;
}

.ripple-effect{
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: white;
pointer-events:none;
    
  animation: ripple-animation 2s;
}


@keyframes ripple-animation {
    from {
      transform: scale(1);
      opacity: 0.2;
    }
    to {
      transform: scale(100);
      opacity: 0;
    }
}

/*@media all and (-webkit-transform-3d) {
		
	.main-view.ng-enter,
	.main-view.ng-leave {
	    -webkit-transition: all .25s ease;
	    transition: all .25s ease;
	}
	.main-view.ng-enter {
	    opacity:.4;
	    z-index:1000;
	}
	.main-view.ng-enter-active {
	    opacity:1;
	}
	.main-view.ng-leave {
	    opacity:1;
	}
	.main-view.ng-leave-active {
	    opacity:0;
	}
}*/

ul.signal-result-navigation.h-menu li{
	
	vertical-align: top;
}


.raw-signal-data h1 {
    border: none !important;
    box-shadow: none !important;
}

.raw-signal-data {
	font-size:inherit !important;
    background: transparent !important;
}

.raw-signal-data h1 {
    margin: 7px 0;
    background: rgba(255,255,255,.8);
    border-radius: 3px;
    padding: 10px 0 10px 10px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1) !important;
    color: #555;
    font-weight: normal !important;
}

.chart-cover{
	
	box-shadow:none;
}

.activity.full .footer{
	
	    box-shadow: 0 -3px 10px 2px rgba(0,0,0,.1);
}

#confDrawer ul li{
	
	position: relative;
}

#confDrawer ul li.header{

	text-transform: none;	
}


#confDrawer .onoffswitch {
    display: inline-block !important;
    vertical-align:top;
    padding: 0 !important;
	margin: 6px 5px !important;
    right: 0;
	width: 59px;
    font-size: 85%;
    position: absolute;
    top:0;
}

#confDrawer .onoffswitch-label{
	
	    height: 26px;	
}
#confDrawer .onoffswitch-label:before{
	
    right: 33px;
    width: 22px;
    height: 22px;
    margin: 2px;
}

#confDrawer .onoffswitch-checkbox:checked + .onoffswitch-label:before{
	
    right: 0px;
}

#confDrawer .onoffswitch-checkbox:checked + .onoffswitch-label:after {
    text-indent: 10px;
    text-transform: uppercase;
    font-weight: normal;
}

#confDrawer .onoffswitch-checkbox:checked+.onoffswitch-label:before {
    background-color: #ffffff;
}

.list-view li > a:first-child{
	
	display: block;
}

.theme-bg-with-image{
	
	background: #0b0c11 url('/res/images/fxsignals/academy/academy-header.jpg') no-repeat center top;
	color:white;
}

.activity.full.header.activity.header-big > .body{

	top:150px;	
}
.activity.full.header.activity.header-big > .header{
	
	height: 150px !important;
}

.academy-menu li{

	text-align: center;	
}
.academy-menu{
	
	    background: transparent !important;
    text-align: center;
    position: absolute;
    top: 95px;
        max-width: none;
}

.academy-menu label.notification {
    padding: 0 6px;
    background: #ff4e00;
    margin-left: 5px;
    border-radius: 10px;
    font-size: 14px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
}

.academy-prg-rap{
	
    height: 80px;
}

.complete-percentage .percent {
        font-size: 35px;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 36px;
    font-weight: 100;
    text-align: center;
    
}

.complete-percentage{
    text-align: right;
}

.list-view.academy-list li .title{
	
	    height: 42px;
    overflow: hidden;
    line-height: 21px;
        margin-bottom: 3px;
}
.list-view.academy-list li{
	
	height: 95px;
}

.article-thumb{
	
	width: 73px;
	height:73px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
    margin-right: 15px;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.1);
}

.f-light{
	
	font-weight: 300 !important;
}

.article-category{
	
	background: #41265c;
	border-radius: 2px;
	padding:3px 5px;
	margin-top:3px;
	display: inline-block;
	color:white;
}

.article-date{
	
	margin-top: 9px;
    font-size: 15px;
    font-weight: 300;
}

.article-title{
	
	text-indent: 85px !important;
    margin: 6px 0 0 0 !important;
}

.article-desc{
	
	padding-left: 95px;
    display: block;
    height: 25px;
    padding-top: 5px!important;
    position: absolute;
    left: 0;
    right: 0;
    background: #f7f5f5;
    padding-bottom: 11px;
}

.article-thumb.header {
    position: absolute;
    z-index: 100;
    margin: 20px 10px;
}

.academy-prg-bar  .progress{
width:0;
transition:.2s;
	background: white;	
	border-radius: 10px;
	box-shadow:0 0 8px 0 white;
}
.academy-prg-bar {
    height: 13px;
    border:solid 1px white;
    border-radius: 10px;
}

.academy-article:not(.read){
	
	background: #fdfdfd;
}
.academy-article.read{
	
	background: #f1f0f5;
}

li.academy-article a{
	padding-top:10px;
}

.thumb-rap .ic {
    height: 34px;
    padding: 0;
    line-height: 37px;
    font-size: 19px;
    text-align: center;
    text-indent: -5px;
}

.thumb-rap .zero .ic {
	text-indent: 0px;
}

.pips-win .ic , .result-win{
    color: #3caa59;
}

.pips-lose .signal-pips, .result-lose {
    color: #ff842a;
}

.thumb-rap {
    width: 40px;
    text-align: center !important;
    margin-left: 0;
}

.result-win i, .result-lose i, .did-not-occur i {
        font-size: 21px;
    line-height: 31px;
    margin-top: 4px;
}

#signal-page .header h1{
	
	display: block;
}

#signal-page h1{
	
	font-size: 16px;
}

.signal-result-box label {
    
    display: block;
}

.thumb-rap.status img {
    display: block;
    margin-top: 7px !important;
}

.signal-result-box img.ic{
	
	height: 22px!important;
    margin: 5px auto;
    float: none;
    width: auto;
}

.activity.header .header .thumb-rap.status {
    font-size: 13px;
        padding: 0 5px 0 0 !important;
    height: 50px;
}

.activity.header .header .ic{
	
		margin: 0px auto;
		vertical-align: middle;
}

.portfolio .header .trader-info{

	font-size: 80%;
	border-bottom:none;
	padding-top: 5px;
}

.portfolio .trader-info .stats {
    margin-top: 13px;
}

.portfolio .header .trader-info label img.ic {
    height: 13px !important;
	margin-right: 0px !important;
	position: relative;
	top:-1px;
}

.activity.full.header.portfolio .body {
    top: 65px;
}

#results_list .actions.thumb-rap {
    margin: 0;
}

.broker-input{
	
	    float: left;
    display: initial !important;
    position: initial !important;
    line-height: 35px !important;
    box-shadow: none;
}

.broker-survey ul li button{
	
	    display: initial !important;
    float: right !important;
    margin: 5px  !important;
    box-shadow: none;
}

.broker-survey .broker-logo{
	
	border:solid 1px #eee;
}


.show-scroll-fade:after{
	
	    content: ' ';
    background: linear-gradient(rgba(255,255,255,0), white);
    height: 18px;
    position: absolute;
    bottom: 0;
    z-index: 1000;
    left: 0;
    right: 0;
}

.broker-survey .dialog-header{
	
	background: white;
}

#inform .form p#message{
	
	margin-bottom:0;
}

.dialog-buttons button {
    display: initial !important;
       margin-left: 5px !important;
           box-shadow: none;
}

.dialog-buttons a {
    text-decoration: none !important;
}

.big-text{
	
	font-size: 33px;
	font-weight: bold;
}

.trial-promo-dialog .big-text{
	
	margin-bottom:5px;
}

.theme-2-font{
	
	    color: #019688;
}

.activity.full.header .header h1{
	
	display:block;
}

input.broker-input {
    width: 50% !important;
}

.broker-review-box {
	    text-align: left;
	padding:2%;

	background: #eee;
	
}


.broker-review-box textarea {
    width: 96%;
    margin-top: 6px;
    padding:2%;
    border:1px solid #ccc;
    border-bottom:2px solid #ccc;
}

.form.inform-dialog {
    padding-bottom: 10px !important;
}


#inform h2 {
    margin: 4px auto;
}

button.facebook-share{

	background: transparent;
}

button img {
    max-width: 100%;
}

p.light{

	color: #9d9db5;
    font-size: 90%;
}

hr {
    background: blue;
    background-color: #e8e8e8;
    height: 1px;
    border: 0;
}

button.ic{

	height: auto;
    background: #eee;
    color: inherit;
}

ul.survey li {
    border: solid 1px #ccc;
    border-radius: 4px;
    padding: 7px !important;
    min-height: 0 !important;
    line-height: initial !important;
    margin-bottom: 10px;
    height: auto !important;
}

ul.list-view.multiline.survey.ng-scope {
    border: none;
}

.dialog-header {
    font-weight: 600;
}

input.underline {

	border-bottom: solid 1px #777;
}

.positive{

	color: #53AC97;
}

.negative{

	color:#F95286;
}

#confDrawer .top-border {

	border-top:solid 1px #ccc;
}
#confDrawer .bottom {

	position: absolute;
	bottom:0;
	left:0;
	right:0;
}



#confDrawer li>i, #confDrawer li a > i {
    font-size: 20px;
    margin-right: 30px;
}

text {
	fill: #000;
}

path.candle {
	stroke: #000000;
}

path.candle.body {
	stroke-width: 0;
}

path.candle.up {
	fill: #00AA00;
	stroke: #00AA00;
}

path.candle.down{

	fill: #F95286;
	stroke: #F95286;
}
rect.active-trade {
	fill: #F95286;
}

line.active-trade{

	stroke-dasharray: 5;
	stroke: #F95286;
}

rect.marker.active-trade.take-profit {
    fill: #50b37e;
}
text.marker.curr-rate.take-profit, text.marker.curr-rate.stop-loss {
    fill: white;
}
line.marker.active-trade.line.take-profit {
    stroke: #37a96e;
    stroke-dasharray: 5;
}

rect.marker.active-trade.stop-loss {
    fill: #e44d4d;
}

line.marker.active-trade.line.stop-loss {
    stroke: #e44d4d;
    stroke-dasharray: 5;
}


[forex-chart] [line-chart]{
	
	height:300px;
}
[forex-chart]{
text-align: center;
}

[trade-actions] {
    margin: 0px auto;
}

text.curr-rate {
	font-size: 12px;
	fill: white;
}

rect.curr-rate, rect.active-trade{
	ry:10px;
	height:20px;
}
rect.curr-rate{
	fill:#160e24;

}

.switch-field {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	  overflow: hidden;
	  display: inline-block;
	margin: 0 auto;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
    border-radius: 30px;
    border: solid 1px #ccc;
  }
  
  .switch-title {
	margin-bottom: 6px;
  }
  
  .switch-field input {
	  position: absolute !important;
	  clip: rect(0, 0, 0, 0);
	  height: 1px;
	  width: 1px;
	  border: 0;
	  overflow: hidden;
  }
  
  .switch-field label {
	float: left;
  }
  
  .switch-field label {
	display: inline-block;
    width: 60px;
    background-color: inherit;
    color: white;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    padding: 6px 14px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
  }
  
  .switch-field label:hover {
	  cursor: pointer;
  }
  
  .switch-field input:checked + label ,   .switch-field label.selected{
	background-color: #6cf8d8;
    color: white;
	-webkit-box-shadow: none;
	box-shadow: none;
	
  }


  
  .switch-field label:nth-child(even) {
	border-left: none;
  }
  .switch-field label:first-of-type {
	border-radius: 20px 0 0 20px;
  }
  
  .switch-field label:last-of-type {
	border-radius: 0 20px 20px 0;
  }


  button.trade{

	float:right;
	
	margin:0 1%;
  }

  button.trade.custom {
    width: 60px;
    text-align: center;
    font-size: 30px;
}

#inform .form button.ic{

	float:initial;
	display:initial;
}

.trade-info-dialog .public-trade-social{

	border:none;
}

.trade-info-dialog .public-trade-social .share-box li {
    float: left;
    background: #fbf9ff;
    padding: 5px;
    height: auto;
    border-radius: 3px;
}

  button.trade.buy, button.trade.sell{
	width:48%;
  }

  .trade-info-dialog table td{

	padding:5px 20px;
  }

  .trade-info-dialog table td:first-child {
    opacity: .7;
}

.trade-info-dialog h1.dialog-header {
    text-align: left;
}

  .trade-info-dialog table{
	width: 100%;
    text-align: left;

  }

.trade-page .trade-info-dialog table td {
    padding: 10px 20px;
}

.new-trade-dialog .switch-field.chart-type label{
    width: 62px;
    height: 30px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 30px;
  }

  .new-trade-dialog .switch-field.chart-type label:first-child{

	border-right:solid 1px #eee;
  }

  section.sl-tp-widget {
	text-align: left;
    text-indent: 15px;
    padding: 10px 0 15px 0;
    margin-top: 10px;
	background: #f7f7f7;
	position: relative;
}

.sl-tp-manual-input .risk{
	margin-left: 5px;
}
.sl-tp-manual-input{
	position: absolute;
	top: 7px;
	
    left: 90px;
	padding: 6px 0;
	font-size: 95%;
    color: inherit;
    text-indent: 5px;
}

.sl-tp-manual-input input {
	width: 84px;
    height: inherit;
    font-size: inherit;
    padding: inherit;
	margin: 0;
	color:inherit;
}

section.sl-tp-widget.stop-loss-widget {
    color: #de7070;
}

section.sl-tp-widget.take-profit-widget, section.sl-tp-widget.stop-loss-widget {
    
    font-size: 85%;
}

section.sl-tp-widget.take-profit-widget {
    color: #34928e;
}


  [trade-actions]{
    height: 70px;
	
  }

  .activity.drawer-open{
	/*filter: blur(5px);*/
  }

  .drawer-bg{

	background: transparent;
	background: linear-gradient(to right,rgba(0,0,0,1) 40%,rgba(0,0,0,.5)) !important;
  }

  .axisRed text{
	fill: white;
  }

  #trade h2 {
    text-align: center;
}

#header{

	text-align: center;
    line-height: 50px;
    padding: 0;
    height: 50px !important;
}

#header button.ic{

	padding: 0 10px;
    line-height: 50px;
	height: 50px;
	background: transparent;
}

#header button.ic img, #header button.ic > svg {

	height: 60%;
    margin: 30% 0px;
}

#header button.drawer{

	position: absolute;
    left: 0px;
}

.featured-list{
	
	padding:0;
    /* overflow-y: scroll; */
    white-space: nowrap;
	overflow: hidden;
	margin-top:0;
	height:100%;
}

.featured-list > [flipper-item] {
    
    margin: auto;
    display: inline;
    background: transparent;
    float: left !important;
    min-height: 0;
}

.gallery-flipper-item{

		height: 100%;
		position: relative;
}

[forex-chart] [line-chart] {
    
    position: absolute;
    top: 0;
    bottom: 70px;
    left: 0;
	right: 0;
	height: auto;
}

[trade-actions] {
    
    position: absolute;
    bottom: 0;
    right: 0;
	left: 0;
	padding:10px;
}

.switch-field.chart-type label{

	padding:0;
	width:42px;
	height:28px;
}

.switch-field.chart-type :not(.selected) svg{

		fill:#6869A7;
}
.switch-field.chart-type svg{

	height: 20px;
    margin: 4px 6px;
}

.chart-type label .ic-line{

	margin-top: 10px;
    height: 10px;
}

button:not(.ic){

	color:white;
}

 button:not(.ic), .active-trade{

	border-radius: 200px;
	color:#eee;
	background-color: #160E23;
	box-shadow:0 3px 3px 0 rgba(0,0,0,.2);
}

#header button:not(.ic) {
    height: auto;
    line-height: 32px;
	margin: 5px 0;
	font-size: 90%;
}

#header label.balance{

	position: absolute;
    left: 0;
	right: 0;
	z-index: -1;
}

.activity button.red, .active-trade.sell{

	
}

.active-trade{
	height: 68px;
	color:inherit !important;
	text-align: left;
	font-size: 90%;
}

button.close-trade{
	border:none;
	background: rgba(255,255,255,.1);
	color:#EAE8EA;
	font-weight: normal;
	margin: 13px;
	position: absolute;
    right: 10px;
}

.active-trade .ic{
	width: 20px;
    float: left;
    margin: 25px 10px 25px 17px;
}

.active-trade .box label {
    display: block;
    text-align: left;
}

.active-trade .box {
    display: inline-block;
    height: 60px;
    line-height: 27px;
	padding: 5px 10px 5px 5px;
}

.active-trade .pair-name{

	color:#6DF8D7;
	text-transform: uppercase;
}

.active-trade.sell .pair-name{
	color:#F95286;
}

line[stroke="red"], rect[fill="red"] {
	fill: #F95286 !important;
	stroke:#F95286 !important;
}
line[stroke="green"], rect[fill="green"] {
	fill: #31a589 !important;
	stroke:#31a589 !important;
}

#header-menu button{
	border:solid 1px #6DF8D7 !important;
}

button.trade{

	text-align: left;
}

path.rate-line{
	stroke: #160E23;
}

circle.pulse{
	fill:#6DF8D7;
}


[line-chart] .domain, .tick line{

	stroke: transparent;
}

.tick text{
	fill:#6869A7 !important;
	font-size: 12px;
}

button.trade {

	height: 60px;
	max-width: 200px;
}

button.trade label{
	display: block;
	line-height: 23px;
    margin-left: 10px;
}

button.trade label.curr {
    font-weight: normal;
    font-size: 13px;
}
button.trade .ic{
	height: 15px;
    margin: 15px 5px;
}

select.chart-pair{

	background: url('/res/images/forexgame/ic-drop-down.svg') no-repeat top 50% right 8px;
	background-size: auto 25%;
	background-color: inherit;
    color: inherit;
    border-radius: 100px;
    font-size: inherit;
    padding-top: 0;
    height: 30px;
    padding-bottom: 0;
    width: 108px;
	vertical-align: top;
	-webkit-appearance: none;
	padding-right: 25px;
}

.float-up:not(.ng-hide){

	animation: show .3s ;
}

.closed-trades{

	font-size: 15px;
}

.closed-trades .box label {
	display: block;
	margin-top: 8px;
}

.closed-trades .box {
    float:left;
    width: 23%;
    text-align:center;
	vertical-align: top;
	margin: 0 1%;
	margin-bottom:13px;
}

.closed-trades .box img.ic {
	height: 14px;
    margin: 14px auto 0 auto;
    display: block;
    position: relative;
    left: -10px;
}

.closed-trades label.close, .closed-trades label.entry {
   
}

.closed-trade-data{

	margin: 10px auto 0px auto;
}

.closed-trades li {
	height: 65px !important;
	border-color:rgba(104, 105, 167,.4);
}

ul.full.list-view.multiline.closed-trades, .closed-trades li {
    border-color: rgba(104, 105, 167,.4) !important;
}

ul.list-view.closed-trades li{
	padding: 0 0 0 15px;
}

[broker-list-widget] {
    margin: 0 10px;
}


[broker-list-widget] a {
    text-decoration: none !important;
}

[broker-list-widget]{

	min-height: 200px;
}

.active-trade .loader-2{

	margin:10px auto;
}

#inform .form{
	overflow: scroll;
	position: absolute !important;
	left:0;
	right:0;
}

#inform button {
  
    border-color: inherit;
}

[broker-list-widget] button {

	background: #6DF8D7;
    border: none;
    font-weight: bold;
}

table.brokers-widget thead tr:nth-child(3) td:first-child {
    display: none;
}

table.brokers-widget tbody tr:not(:last-child) td:first-child {
    display: none;
}

table.brokers-widget button.more {
    width: 50px;
    background: #0e1116;
    color: white !important;
}

.theme-bg{

	background:#160E23;
}

.theme-font{
	color:#6DF8D7 !important;
}

.theme-bg-dark {
    background: #06040a;
}

select.chart-interval{
	width: 80px;
}

.no-feed-available {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
}

.featured-list p{

	white-space: initial;
}

ul{

	list-style: none;
	padding:0;
}

img.trader-profile-image {
    float: left;
    border-radius: 50%;
	margin-right: 10px;
	height: 37px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
	width: 37px;
    background: #eee;
}

.public-trade-list > li:not(.vs-repeat-before-content):not(.vs-repeat-after-content) {
    background: #FFFFFF;
	border-radius: 4px;
	font-size: 80%;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
	margin: 0 10px 10px 10px;
}

.public-trade-list > li:first-child{

	margin-top:15px;
}

.trader-info {
    padding: 15px 15px 10px 15px;
	border-bottom: dashed 1px #D4D4D4;
	position: relative;
}

.public-trade-list{

	margin:0;
}

.public-trade-list .closed-trades {
    height: 70px;
   /* margin-bottom: 10px;*/
    padding: 0 10px;
}

.public-trade-social{
	padding: 10px;
	border: none;
	border-top: solid 1px #eee;
	height: 45px;
}

.public-trade-social legend{

	color:#ccc;
}

select{

	box-shadow:none;
}

#trade .sign-up-box {

	top: 60px;
    position: absolute;
    z-index: 10;
    right: 10px;
    left: 10px;
    max-width: 400px;
    margin: auto;
}

.blur{
	filter: blur(2px);
}

.public-trade-social .share-box li {
	float: right;
    height: 25px;
    line-height: 20px;
    text-align: center;
    background: transparent;
    width: 30px;
    margin-left: 10px;
    box-shadow: none;
    font-size: 14px;
    border-radius: 0;
}

.public-trade-social .share-box li i{

	margin:auto;
}

.public-trade-list .box img.ic {
    float: left;
    margin: 0px;
    left: 0;
    top: 5px;
    height: 10px;
}

.public-trade-list .box .pair-name img.ic {
    top: 4px;
    left: 5px;
}

.public-trade-list .closed-trades .box{

	width:25%;
	margin:0;
	text-align: center;
}

.public-trade-list .closed-trades .box label:nth-child(2) {

	color:#2A203A;
}

.public-trade-list .closed-trades .box label:first-child {
 
	color: #B1B1C4;
	margin-top: 13px;
}

.public-trade-list .closed-trades .box label.positive{

	color:#53AC97;
}
.public-trade-list .closed-trades .box label.negative{

	color:#F95286;
}

.public-trade-list .closed-trades {
    font-size: 90%;
}

.rap.main .social-trade-tab .public-trade-list{

	background:#dfdfdf url(/res/images/forexgame/loader.gif) no-repeat bottom -100px center;
	background-size: auto 60px;
}

.rap.main .social-trade-tab .public-trade-list li:last-child{

	margin-bottom:50px;
}

.rap.main .social-trade-tab .public-trade-list.loading{

	background: #dfdfdf url(/res/images/forexgame/loader.gif) no-repeat bottom center;
    background-size: auto 60px;
}

.public-trade-list.blur{

	opacity:.5;
	pointer-events: none;
}

.trader-info .stats label{

	margin-right:15px;
}

.trader-info .ic{

	height:11px;
}

.trader-info .stats {
    margin-top: 5px;
    font-weight: bold;
}

.h-menu li {
    line-height: 50px;
}

.h-menu li.selected{

	border:none;
	box-shadow:inset 0 -4px 0 0px #6DF8D7 ;
	border-bottom: none !important;
}

ul.h-menu{
	height: 50px;
}


.loader-2.list-loader .circular{
	width: 80% !important;
}
.loader-2.list-loader {

    width: 30px !important;

}

.menu-shadow:after {
    content: " ";
    display: block;
    height: 5px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    top: 45px;
    background: transparent;
}

button.follow.following, button.light.follow.following{

	background:#4DAF98;
	color:white;
	border: none;
}

.header li i {

    margin-right: 10px;

}

.trade-tab > .header{
    background: #f8f8f8;
	height: 50px;
	background: linear-gradient(to bottom, #f8f8f8 50%, rgba(255,255,255,.0));
}

.activity.light .body {

	background: #F8F8F8 !important;
}

.trade-tab{
    background: #F8F8F8;
    background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 76%, transparent 77%, transparent) !important;
    background-size: 30px 30px;
}

label.trader-name{

	color:#8d8eb1;
}

.trader-info.menu-shadow:after{
	top:60px !important;
}

.portfolio .public-trade-list img.ic {
    left: 4px;
    top: 3px;
}

button.follow.light {
	border: solid 1px #EAE8EA;
}
button.follow {
    background: inherit;
    color: inherit;
    border: solid 1px;
    border-radius: 2px;
    box-shadow: none;
    font-size: 85%;
	height: 25px;

	line-height: 25px;
	right: 10px;
top: 10px;
position: absolute;
}

.activity .header button.follow{

	top:3px;
	
}

.portfolio button.follow{

	height: 25px;

	line-height: 25px;

	position: absolute;

	right: 10px;
}

button.follow.light i {
    float: right;
    line-height: 25px;
    margin: 0;
    /*margin-left: 5px;*/
}

.closed-trades label.live{
	display: inline-block;
    padding: 0px 5px;
    background: #53ac97;
    color: white !important;
    border-radius: 2px;
}

.sign-up-box{

	background: #FFFFFF;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
	margin: 15px 15px 0 15px;
}

.sign-up-box > h2:first-child{

	margin-top:0;
}

.sign-up-features{

	margin: 0 auto 10px auto;
    max-width: 200px;
    padding-left: 20px;

}

ul li h2 {

    text-align: left !important;
    font-weight: inherit !important;
    font-size: 15px;
    margin: 5px 0;

}

ul.public-trade-list li i {
    width: 20px;
    text-align: center;
}

.footer .share-box{

	margin:0;
}

.activity.footer .footer .share-box li {

    float: left;
    width: 33.3%;
    text-align: center;
    line-height: 60px;
}

.share-box > .facebook{

	background: #2752a1;
}
.share-box > .google{

	background: #bd172d;
}
.share-box > .twitter{

	background: #4f99ee;
}

.share-box li a {

    display: block;
    height: 100%;

}

.user-profile img.trader-profile-image {
    float: none;
    height: auto !important;
    width: 50px;
}

.activity .header img.trader-profile-image{

	width:50px;
	height:50px;
}

label.menu-notification {
	background: #6cf8d8;
    border-radius: 15px;
    min-width: 15px;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding: 3px;
    font-size: 12px;
    position: absolute;
    top: 5px;
    color: initial;
    font-weight: bold;
    right: 5px
}

#confDrawer button{

	background:transparent;
	border-radius:0;
	color:inherit;
}

.box-section{

	background:white;
	padding:10px;
	margin-bottom:10px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
	position:relative;
}

.box-section.report {
	
	max-width: 400px;
    margin: auto;
    display: inline-block;
	width: 85%;
	vertical-align: top;
}

.activity.header .header button.ic {
	line-height: 30px;
background: inherit;
border: solid 1px;
}

.no-data-label{

	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    margin: auto;
}

.theme-font {
    color: #4f507e !important;
}

input[type=range].block {
    width: 90%;
    margin: 0px 5% 10px 5%;
    box-shadow: none;
}

.dialog-body.under-header {
    margin-top: 50px;
}

.cb-container {
    display: block;
    position: relative;
    line-height: 35px;

    cursor: pointer;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.cb-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
	top: 5px;
    right: 10px;
    height: 25px;
    width: 25px;
	background-color: #fff;
	border: solid 1px #eee;
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */

/* When the checkbox is checked, add a blue background */
.cb-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cb-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cb-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

input[type=range].show-range:after {
    content: attr(max);
    position: absolute;
    color: #333;
    font-size: 80%;
    right: 5%;
	margin-top: 30px;
	color: inherit;
}

input[type=range].show-range:before {
	content: attr(min);
    position: absolute;
    color: #333;
    font-size: 80%;
    margin-top: 30px;
	left: 5%;
    text-align: left;
    text-indent: 0;
    color: inherit;
}


/** input range */

input[type=range] {
	height: 25px;
	-webkit-appearance: none;
	margin: 10px 0;
	background: transparent;
	  /*box-shadow:none;*/
  }
  input[type=range]:focus {
	outline: none;
  }

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	animate: 0.2s;
	/*box-shadow:none;*/
	background: #2497E3;
	border-radius: 1px;
	border: 0px solid #000000;
  }
  input[type=range]::-webkit-slider-thumb {
	/*box-shadow:none;*/
	/*border: 1px solid #2497E3;*/
	height: 20px;
	width: 20px;
	border-radius: 25px;
	background: #160E23;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -7px;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
	background: #2497E3;
  }
  input[type=range]::-moz-range-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	animate: 0.2s;
	/*box-shadow:none;*/
	background: #2497E3;
	border-radius: 1px;
	border: 0px solid #000000;
  }
  input[type=range]::-moz-range-thumb {
	/*box-shadow:none;*/
	
	height: 18px;
	width: 18px;
	border-radius: 25px;
	background: #160E23;
	cursor: pointer;
  }
  input[type=range]::-ms-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	animate: 0.2s;
	background: transparent;
	border-color: transparent;
	color: transparent;
  }
  input[type=range]::-ms-fill-lower {
	background: #2497E3;
	border: 0px solid #000000;
	border-radius: 2px;
	/*box-shadow:none;*/
  }
  input[type=range]::-ms-fill-upper {
	background: #2497E3;
	border: 0px solid #000000;
	border-radius: 2px;
	/*box-shadow:none;*/
  }
  input[type=range]::-ms-thumb {
	margin-top: 1px;
	/*box-shadow:none;*/
	border: 1px solid #2497E3;
	height: 18px;
	width: 18px;
	border-radius: 25px;
	background: #A1D0FF;
	cursor: pointer;
  }
  input[type=range]:focus::-ms-fill-lower {
	background: #2497E3;
  }
  input[type=range]:focus::-ms-fill-upper {
	background: #2497E3;
  }
  
  h1.light{

	font-weight:normal;
  }

  /**
  toggle
  */
  .lbl {
	position: relative;
	display: block;
	height: 20px;
	width: 44px;
	background: #898989;
	border-radius: 100px;
	cursor: pointer;
	transition: all 0.3s ease;
  }
  
  .lbl:after {
	position: absolute;
	left: -2px;
	top: -3px;
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 100px;
	background: #fff;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.05);
	content: '';
	transition: all 0.3s ease;
  }
  
  .lbl:active:after { transform: scale(1.15, 0.85); }
  
  .cbx:checked ~ label { background: #6fbeb5; }
  
  .cbx:checked ~ label:after {
	left: 20px;
	background: #179588;
  }
  
  .cbx:disabled ~ label {
	background: #d5d5d5;
	pointer-events: none;
  }
  
  .cbx:disabled ~ label:after { background: #bcbdbc; }
  
  .hidden { display: none; }


  .trade-list-filters{

	position: absolute;
    bottom: 0;
    background: #fff;
    right: 0;
    left: 0;
    box-shadow: 0 0px 15px 0 rgba(0,0,0,.3);
    max-width: 500px;
    margin: auto;

  }

  [list-item] select{

	width:100px;
	padding:3px;
	margin:10px 0;
  }

  [list-item] select:focus{
	
	border: solid 1px #ccc;
  }
  [list-item] .lbl{

	margin: 15px 0;
  }
  [list-item]{

	height:50px;
	line-height: 50px;
	padding:0 15px;
  }

  button.light {
    background: inherit;
    color: inherit;
}

button.bold{

	background: #389a84;
}