@charset "utf-8";
body {background-color:#010101;}
html, body {
  height: 95%;
  margin: 0;
	max-width: 1400px;
}

@font-face {
    font-family: 'Avenir Next';
    src: local('Avenir Next Regular'), local('Avenir-Next-Regular'),
url('fonts/AvenirNextCyr-Regular.woff2') format('woff2'),
url('fonts/AvenirNextCyr-Regular.woff') format('woff'),
url('fonts/AvenirNextCyr-Regular.ttf') format('truetype');

    font-weight: 400;
    font-style: normal;
  }


H1 {
    font-family:"Avenir Next" !important;
    font-size: 30px;
    color: #FFF;
    margin-top: 5px;
    margin-bottom: 7px;
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 5px;
    font-weight: lighter;
    text-decoration: none;
	align-content: left;
	
}
.float-container {
    border: 3px solid #fff;
    padding: 20px;
}

.float-child {
    width: 50%;
    float: left;
    padding: 20px;
    border: 2px solid red;
}  
.title
{
	font-size: 30px;
	 padding-left: 25px;
	font-family:"Avenir Next" !important;
    color: white;
}
.maintext
{
	font-size: 16px;
	padding-left: 15px;
	font-family:"Avenir Next" !important;
    color: #FFF;
}
div.left
{
	width: 275px;
	float: left;
	margin-top: 50px;
	margin-left:20px;
	height: 100%;
}
div.right
{
	width: auto;
		width:70%;
	float: left;
	margin-top: 50px;
}
.detailsboth
{
	width: 475px;
	float: left;
}
.details
{
	border-radius: 15px;
	background-color: #1F1F21;
	width: 475px;	
	float: left;
	height: 125px;
	margin: 15px;
}
div.details:hover
{
	box-shadow: 0px 0px 7px 2px #00a8ff;
}
.details ht
{
	color: #6f6f6f;
		  font-size: 16px;
	padding-top: 8px;
	padding-left: 15px;
	   display: block;
	font-family: "Avenir Next" !important;
}
.details dd {
    color: #fff;
    font-family: "Avenir Next" !important;
    font-size: 16px;
	margin-left: 15px;
	margin-top:15px;
	
}

div.mainleft
{

	padding-top: 50px;

}

a.blue
{
	color: #6f6f6f;
	text-decoration: none;
	font-size: 16px;	
	font-family: "Avenir Next" !important;
}
a.blue:hover
{
	color: #00a8ff;
	text-decoration: none;
}

.button1
{
	background-image: linear-gradient(to right,#0060ff, #00a8ff);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	  padding: 5px 10px;
	border: none;
	width: 150px;
	cursor: pointer;
	
}
.button2
{
	background-image: linear-gradient(to right,#0060ff, #00a8ff);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	  padding: 5px 10px;
	border: none;
	width: 90px;
	margin-left: 15px;
	cursor: pointer;
	
}
div.detailsbanner
{
	border-radius: 15px;
	background-color: #1F1F21;
	width: 475px;
	float: left;
	height: 500px;
	margin: 15px;
}
.detailsbanner ht
{
	color: #FFF;
		  font-size: 16px;
	padding-top: 8px;
	padding-left: 15px;
	   display: block;
	font-family: "Avenir Next" !important;
}
.detailsbanner dl
{
	overflow: auto;
	display: block;
	line-height: 25px;
	padding:0px;
	margin: 0px;
	margin-bottom: 15px;
	
}
.detailsbanner dd
{
	  float: right;
    color: #6f6f6f;
    font-family:  "Avenir Next" !important;
    font-size: 14px;
	margin-right:10px;
}

.detailsbanner dt
{
	   float: left;
    color: #6f6f6f;
    font-family:  "Avenir Next" !important;
    font-size: 14px;
	margin-left:10px;
	font-weight: bold;
}

.blue
{
	color:#00a8ff;
    font-family:  "Avenir Next" !important;
    font-size: 14px;
	font-weight: bold;
}
select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(images/DropdownBlue.svg); /* Add custom arrow */
	 background-repeat:no-repeat; 
	background-position:right 5% bottom 45%;	
	background-size: 10px 10px;
}

.select
{
	background-color: #1F1F21;
	color: #fff;
	padding: 8px;
	border-radius: 15px;
	width: auto;
	margin-right: 7px;
	margin-left: 7px;
	min-width: 100px;
}
.login-container
{
	width:50%;
	margin:auto;
	max-width:700px;
	min-width:300px;
	height: 350px;
	border-radius: 15px;
	background-color: #1F1F21;
	padding: 20px;
	box-shadow: 0px 0px 7px 2px #00a8ff;
}
.logo-container
{
	width:50%;
	margin:auto;
	margin-top:35px;
	margin-bottom:35px;
	max-width: 365px;
}
.login-form
{
	width:65%;

	margin: auto;
}
.login-button {
	
	min-width: 200px;
	height: 49px;
	width: auto;
	font-family: "Avenir Next" !important;
	font-weight:600;
	text-transform:uppercase;
	color:#fff;
	border:2px solid #9c9c9c;
	
	border-radius:15px;
	font-size:15px;
	line-height:18px;
	letter-spacing:0.5px;
	
   text-decoration:none;
	background-color:transparent;
	transition: background-image 5s;
}
.login-button:hover {
	border: none;
	box-shadow: 0px 0px 7px 2px #00a8ff;
outline: none;
	background-image: linear-gradient(to right,#0060ff, #00a8ff);
}
.connect {
	font-family: "Avenir Next" !important;
	font-size:30px;
	line-height:41px;
	text-align:center;
	color: #FFF;
	margin-bottom: 25px;
	font-weight: bold;
	margin-top: 30px;
	
	

}

.form-control { 
	background-color: #3f3f40;
border-width: 2px;
	border-style: solid;
	border-color: #9c9c9c;
  border-radius:30px;
  height: 45px;
	display:block;width:100%;
	padding: 8px;
	margin-top: 20px;
	padding-left: 25px;
	margin-bottom:30px;
}
.form-control:focus {  
 box-shadow: 0px 0px 7px 2px #00a8ff;
 outline: none;
}
.form-label
{
	color: #FFF;
	font-size: 15px;	
	font-family: "Avenir Next" !important;
	text-transform: uppercase;
	font-weight: 600;
}
.submit-button
{
	margin: auto;
   
	margin-top:30px;
	text-align: center;  
}
.grid-containter
{
	 display: grid;
  grid-template-columns: 0.5fr 4fr;	
	width: 100%;
	height: 100%;
	margin-top: 20px;
	

}
.flex-container
{
	display: flex;
flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	

}
.leftflex
{
	border-radius: 15px;
	padding-top: 25px;
margin: 15px;
	margin-left:25px;
	align-self: stretch;
	background-color: #1F1F21;
	width: 275px;
	min-width: 275px;
	text-align: center;

	
	
}
.flex1
{
	border-radius: 15px;	
	width: 475px;
	min-width: 475px;
	background-color: #1F1F21;
	height: 125px;
margin: 15px;
	flex-wrap: wrap; 
	font-size:16px;

}



.flex1:hover
{
box-shadow: 0px 0px 7px 2px #00a8ff;

}
.flex2
{
	border-radius: 15px;	
	width: 475px;
	min-width: 475px;
	background-color: #1F1F21;
	height: 500px;
	margin: 15px;
	flex-wrap: wrap; 
	transition-duration: 2s;
	font-size:16px;
	

}
.flex2:hover
{
box-shadow: 0px 0px 7px 2px #00a8ff;


}
.gridleft
{
	display: grid;
	grid-template-columns: 30% 70%;	
	grid-template-rows: 30px  30px 30px 30px;
	width: 100%;
	height: 100%;
	grid-row-gap: 20px;
	margin-top: 50px;

}


.leftinactive1
{
	color: #6f6f6f;
	font-size: 16px;	
	font-family: "Avenir Next" !important;
	text-align: left;
	padding: 5px;
	padding-left:90px;

	width: 100%;
	margin-bottom: 30px;	
	 background-image: url("images/dashboard.png"); 
	 background-repeat:no-repeat; 
	background-position:left 37px bottom 15px;	
	background-size: 25px 25px;	
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
}
.left1active, .leftinactive1:hover
{
	color: #00a8ff;
	font-size: 16px;	
	font-family: "Avenir Next" !important;
	text-align: left;
	padding: 5px;
	padding-left:88px;

	width: 100%;
	margin-bottom: 30px;	
	 background-image: url("images/dashboard_blue.png"); 
	 background-repeat:no-repeat; 
	background-position:left 35px bottom 15px;	
	background-size: 25px 25px;	
	
	border-left-color:#00a8ff;
	border-left-style: solid;
	border-left-width: 2px;
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
}
.leftinactive2
{
	color: #6f6f6f;
	font-size: 16px;	
	font-family: "Avenir Next" !important;
	text-align: left;
	padding: 5px;
	padding-left:90px;
height: 40px;
	line-height: 40px;
	width: 100%;
	margin-bottom: 30px;	
	 background-image: url("images/history.png"); 
	 background-repeat:no-repeat; 
	background-position:left 37px bottom 15px;	
	background-size: 25px 25px;	
	justify-content: center;	
}
a
{
	color: #6f6f6f;
	font-size: 16px;	
	font-family: "Avenir Next" !important;
	text-decoration: none;
}
a:hover
{
	color: #00a8ff;
	font-size: 16px;	
	font-family: "Avenir Next" !important;
	
}
.leftinactive2:hover
{
	background-image: url("images/history_blue.png"); 
	border-left-color:#00a8ff;
	border-left-style: solid;
	border-left-width: 2px;
	padding-left:88px;
	color: #00a8ff;
	background-position:left 35px bottom 15px;	
	background-size: 25px 25px;	
	height: 40px;
	line-height: 40px;
}
.leftinactive3
{
	color: #6f6f6f;
	font-size: 16px;	
	font-family: "Avenir Next" !important;
	text-align: left;
	padding: 5px;
	padding-left:90px;

	width: 100%;
	margin-bottom: 30px;	
	 background-image: url("images/strategies.png"); 
	 background-repeat:no-repeat; 
	background-position:left 37px bottom 15px;			
	background-size: 25px 25px;	
	height: 40px;
	line-height: 40px;
}
.left2active
{

	font-size: 16px;	
	font-family: "Avenir Next" !important;
	text-align: left;
	padding: 5px;
	padding-left:90px;

	width: 100%;
	margin-bottom: 30px;	
	background-image: url("images/history_blue.png"); 
	 background-repeat:no-repeat; 
	background-position:left 37px bottom 15px;	
	background-size: 25px 25px;	
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
		border-left-color:#00a8ff;
	border-left-style: solid;
	border-left-width: 2px;
	color: #00a8ff;
}
.left3active
{

	font-size: 16px;	
	font-family: "Avenir Next" !important;
	text-align: left;
	padding: 5px;
	padding-left:90px;

	width: 100%;
	margin-bottom: 30px;	
	 background-image: url("images/strategies_blue.png"); 
	 background-repeat:no-repeat; 
	background-position:left 37px bottom 15px;	
	background-size: 25px 25px;	
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
		border-left-color:#00a8ff;
	border-left-style: solid;
	border-left-width: 2px;
	color: #00a8ff;
}
.leftinactive3:hover
{
	background-image: url("images/strategies_blue.png"); 
	border-left-color:#00a8ff;
	border-left-style: solid;
	border-left-width: 2px;
	padding-left:88px;
	color: #00a8ff;;
	background-position:left 35px bottom 15px;	
	background-size: 25px 25px;	
	height: 40px;
	line-height: 40px;
}
.leftinactive4
{
	color: #6f6f6f;
	font-size: 16px;	
	font-family: "Avenir Next" !important;
	text-align: left;
	padding: 5px;
	padding-left:90px;

	width: 100%;
	margin-bottom: 30px;	
	 background-image: url("images/accounts.png"); 
	 background-repeat:no-repeat; 
	background-position:left 37px bottom 15px;	
	background-size: 25px 25px;	
	height: 40px;
	line-height: 40px;
}
.left4active
{

	font-size: 16px;	
	font-family: "Avenir Next" !important;
	text-align: left;
	padding: 5px;
	padding-left:90px;

	width: 100%;
	margin-bottom: 30px;	
	 background-image: url("images/accounts_blue.png"); 
	 background-repeat:no-repeat; 
	background-position:left 37px bottom 15px;	
	background-size: 25px 25px;	
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
		border-left-color:#00a8ff;
	border-left-style: solid;
	border-left-width: 2px;
	color: #00a8ff;
}

.leftinactive4:hover
{
	background-image: url("images/accounts_blue.png"); 
	border-left-color:#00a8ff;
	border-left-style: solid;
	border-left-width: 2px;
	padding-left:88px;
	color: #00a8ff;;
	background-position:left 35px bottom 15px;	
}

.gridbox1
{
		display: grid;
	grid-template-columns: 100%;
	width: 100%;
	height: 100%;	
}
.gridbox2
{
		display: grid;
	grid-template-columns: 50%  50%;
	
	width: 100%;
	height: 100%;	
}
.gridbox3
{
		display: grid;
	grid-template-columns: 50%  50%;
	grid-template-rows: 370px 50px 50px;
	width: 100%;
	height: 100%;	
}
.b1row1
{
	margin-left:30px;
	padding-top: 30px;
	color: #6f6f6f;
	
	font-family: "Avenir Next" !important;
}

.b1row2
{
	margin-left:30px;
	
	font-family: "Avenir Next" !important;
	color: white;
}
.b1arow2
{
	text-align: center;
	padding: 2px;
}
.b2chartrow
{
	grid-column: 1/ span 2;
	padding-top: 20px;
}
.b2row2
{
	margin-left:30px;
	
	color: #6f6f6f;
	
	font-family: "Avenir Next" !important;
}
.b2row3
{
	margin-right:30px;
	text-align: right;
	color: #6f6f6f;

	font-family: "Avenir Next" !important;
}

.flex-container-top
{
	display: flex;
flex-direction: row;
	flex-wrap: wrap-reverse;
	justify-content: flex-start;
	align-content: flex-start;
	width: 100%;
	

}
.flex-top
{
	
	width: 475px;
	min-width: 475px;
	font-family:"Avenir Next" !important;
	height: 35px;
margin: 15px;
	flex-wrap: wrap; 
	order: 1;

}
.flex-top2
{
	order: 1;
	width: 475px;
	min-width: 475px;
	font-family:"Avenir Next" !important;
	height: 40px;
margin: 15px;
	flex-wrap: wrap; 
	border-radius: 15px;	
	background-color: #1F1F21;
	font-size:16px;

	justify-content: flex-end;
}
.flex-top3
{
	order: 2;
	width: 475px;
	min-width: 475px;
	margin: 15px;

}
.verified
{

display: flex;
	width: 100%;
	align-items: center;
justify-content: flex-start;
	margin-top: 7px;

}
.vitem1
{
	font-size:16px;
	font-family:"Avenir Next" !important;
	color: white;
	margin-left:30px;
}
.vitem3
{

	margin-left: 10px;
}
.vitem2
{
margin-left: auto;
}
.imageright
{
	float:right;
	text-decoration: none;
	margin-right: 20px;
}
.imageleft
{
	float:left;
	text-decoration: none;
	margin-left: 5px;
}
.divchart
{
	width: 95%;
	height: 325px;
	margin:auto;
}

.new_start_form
{
	display: flex;
	justify-content: space-around;
	
	align-content: center;

}
a.whitebig
{
	color: white;
	line-height: 75px;
	display: block;
	font-family:"Avenir Next" !important;
	font-size:40px;
}

.new_start_form > div1 {

  width: 150px;
  margin: 10px;
  text-align: center;
 	font-family:"Avenir Next" !important;
  height: 115px;
	color: #6f6f6f;
	padding-top: 20px;
	/*background-image: url("images/vt_markets.png");
		background-size: 100px 90px;
	background-position: center;
	background-repeat: no-repeat;*/
	background-color:#010101;
	font-weight:900;
	 border-radius: 15px;
}
.new_start_form > div1:hover {

box-shadow: 0px 0px 7px 2px #00a8ff;


}
.new_start_form > div2 {
 border-radius: 15px;
  width: 150px;
  margin: 10px;
  text-align: center;
  height: 120px;
		padding-top: 50px;
  font-size: 30px;
	/*background-image: url("images/puprime.png");
		background-size: 130px 55px;
	background-position: center;
	background-repeat: no-repeat;*/
	background-color:#010101;
	color: white;
}
.form-broker-container
{
	width:50%;
	margin:auto;
	max-width:700px;
	min-width:300px;
	height: auto;
	border-radius: 15px;
	
	background-color: #1F1F21;

	padding: 20px;
	padding-bottom: 40px;
	box-shadow: 0px 0px 7px 2px #00a8ff;
}
.form-group
{
	align-content: center;
}
.infotext {
	font-family: "Avenir Next" !important;
	font-size:20px;
	line-height:41px;
	text-align:center;
	color: #FFF;
	margin-bottom: 25px;
	font-weight: bold;
	margin-top: 30px;
}
.single-form
{
	float: left;
	width:90%;
	max-width: 475px;
	
}
.flex-container-single
{
margin: 15px;
	margin-left: 30px;

	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	width: 910px;
	
	display: flex;
	flex-direction: row;
	
	border-radius: 15px;
	background-color: #1F1F21;

	padding: 20px;
	padding-bottom: 20px;
	box-shadow: 0px 0px 7px 2px #00a8ff;
	
	
}

.stepper-wrapper {
 
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
	margin-top: 30px;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;

	font-family: "Avenir Next" !important;
color:	#010101;
	
   
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #6f6f6f;
  width: 100%;
 bottom: 20px;
  left: -50%;
  z-index: 2;
	font-family: "Avenir Next" !important;
	
}
.step-name.active
{
	color: white;
	font-family: "Avenir Next" !important;
	font-weight: bold;
	margin-bottom: 10px;
}
.step-name
{
	color: #6f6f6f;
	font-family: "Avenir Next" !important;

	margin-bottom: 10px;
}
.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #6f6f6f;
  width: 100%;
 bottom: 20px;
  left: 50%;
  z-index: 2;
	font-family: "Avenir Next" !important;
	
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #6f6f6f;
  margin-bottom: 6px;
	font-weight: bold;
	font-family: "Avenir Next" !important;
}

.stepper-item.active {
  font-weight: bold;
	color: white;
	font-family: "Avenir Next" !important;
	
}

.stepper-item.completed .step-counter {
  background-color:  #00a8ff;
	color: white;
	font-weight: bold;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid  #6f6f6f;
  width: 100%;
 bottom: 20px;
  left: 50%;
  z-index: 3;
	 color: white;
	
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}

.form-control2 { 
	background-color: #3f3f40;
border-width: 2px;
	border-style: solid;
	border-color: #9c9c9c;
  border-radius:30px;
  height: 45px;
	display:block;
	width:100%;
	padding: 8px;
	margin-top: 20px;
	
	margin-bottom:30px;
	color:#6f6f6f;
}
.form-control2:focus {  
 box-shadow: 0px 0px 7px 2px #00a8ff;
 outline: none;
}
.broker-container
{
	width:50%;
	margin:auto;
	max-width:700px;
	min-width:300px;
	height: 450px;
	border-radius: 15px;
	background-color: #1F1F21;

	padding: 20px;
	box-shadow: 0px 0px 7px 2px #00a8ff;
}
a.whitelink
{
	color: white;
	text-decoration: none;
	font-size: 16px;	
	font-family: "Avenir Next" !important;
}
a.whitelink:hover
{
	color: #00a8ff;
	text-decoration: none;
}
.buttonred
{
	background-image: linear-gradient(to right,red, #DB5461);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	  padding: 5px 10px;
	border: none;
	width: 150px;
	cursor: pointer;
	
}


.rightflex
{
 
align-self: stretch;
	display: flex;
	flex-direction: column;
	background-color: white;
	height:100%;
	flex:1;
	
	
}
.maincontainer
{
	align-self: stretch;
	display: flex;
	flex-direction: column;
	flex:1;
	border-radius: 15px;
margin-left: 15px;
	
}

.bottom
{


	margin-top: auto;
	text-align: center;
	justify-content: center;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	color: white;
	padding: 10px;
	
}
@media screen and (max-width: 1300px) {
 	.bottom
{

width: 475px;
	margin-top: auto;
	text-align: center;
	justify-content: center;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	color: white;
	padding: 10px;
	line-height: 25px;
	
}
}

.message_green
{
	
	
	margin:auto;
	width: 300px;
	height:auto;
	border-radius: 15px;
background-image: linear-gradient(to right,#259950,#018225);
text-align: center;
	justify-content: center;
	padding: 20px;
	box-shadow: 0px 0px 7px 2px #259950;
	margin-top: 250px;;

	color:white;
	font-weight: bold;
	font-size: 20px;
		font-family: "Avenir Next" !important;
	margin-top: 50px;
	

}
.message_red
{
		font-family: "Avenir Next" !important;
	margin:auto;
	width: 300px;
	height:auto;
	border-radius: 15px;
		background-image: linear-gradient(to right,	#842C32,#A30000);
text-align: center;
	justify-content: center;
	padding: 20px;
	box-shadow: 0px 0px 7px 2px #A30000;
	margin-top: 50px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	

	
	
	
}
.button_green
{
	background-image: linear-gradient(to right,#259950,#018225);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	  padding: 5px 10px;
	border: none;
	width: 115px;
	margin-left: 15px;
	cursor: pointer;
	
}
.flex1blank
{
	border-radius: 15px;	
	width: 475px;
	min-width: 475px;
	background-color: transparent;
	height: 125px;
margin: 15px;
	flex-wrap: wrap; 
	font-size:16px;

}

.flex1green
{
	border-color: #259950;
	border-style: solid;
	border-width: 1px;
	border-radius: 15px;	
	width: 475px;
	min-width: 475px;
	background-color: #1F1F21;
	height: 125px;
margin: 15px;
	flex-wrap: wrap; 
	font-size:16px;
	box-shadow: 0px 0px 7px 2px #259950;
	position: relative;
	z-index: 0;

}
.flex1red
{
	border-color: #842C32;
	border-style: solid;
	border-width: 1px;
	border-radius: 15px;	
	width: 475px;
	min-width: 475px;
	background-color: #1F1F21;
	height: 125px;
margin: 15px;
	flex-wrap: wrap; 
	font-size:16px;
	box-shadow: 0px 0px 7px 2px #842C32;
	position: relative;
	z-index: 0;

}
.b1row3
{
	margin-right:50px;
	padding-top: 30px;
	color: #6f6f6f;
	text-align: right;
	font-family: "Avenir Next" !important;
}

.form-text2 
{ 
	background-color: #3f3f40;
border-width: 2px;
	border-style: solid;
	border-color: #9c9c9c;
font-family: "Avenir Next" !important;
  height: 45px;
	line-height: 45px;
	font-weight: bold;
	display:block;
	width:100%;
	padding: 8px;
	margin-top: 20px;
	text-align: center;
	margin-bottom:30px;
	color:white;
	border-radius: 30px;
}
.infotext2 {
	font-family: "Avenir Next" !important;
	font-size:16px;
	line-height:41px;
	text-align:center;
	color: #FFF;
	margin-bottom: 25px;
	font-weight: bold;
	margin-top: 30px;
}

.tablegrid0
{
	  display: grid;
  grid-template-columns: 100%;
	row-gap: 20px;
	
	margin-top:15px;
	padding: 15px;
	
	font-size: 18px;
	width: 100%;
}
.tabletop0
{
	background-color: #1F1F21;

	color: #2B303A;	
	
	text-align: center;
	border-radius: 15px;
	
}
.tablegrid1
{
	  display: grid;
  grid-template-columns: 10% 10% 12%  42% 28%;	
	column-gap: 5px;	
		font-family:"Avenir Next" !important;
	font-size: 18px;
	width: 90%;
	height: auto;
	min-height: 50px;
	max-height: 100px;
	

}
.tablegrid2
{
	  display: grid;
  grid-template-columns: 12% 12% 12%  12% 12%  12% 12% 12%;	
	column-gap: 5px;	
		font-family:"Avenir Next" !important;
	font-size: 18px;
	width: 90%;
	height: auto;
	min-height: 50px;
	max-height: 100px;
}
.tablegrid3
{
	  display: grid;
  grid-template-columns: 11% 11% 11%  11% 11%  11% 11% 11% 11%;	
	column-gap: 5px;	
	font-family:"Avenir Next" !important;
	font-size: 18px;
	width: 90%;
	height: auto;
	min-height: 50px;
	max-height: 100px;
}
.twosignalscells
{
	grid-column: 7 / span 2;
	padding: 5px;
	text-align: center;
	font-size:16px;
	font-family:"Avenir Next" !important;
	color: white;
	
	align-self: center;
}
.twosignalscells2
{
	grid-column: 7 / span 2;
	padding: 5px;
	text-align: center;
	font-size:16px;
	font-family:"Avenir Next" !important;
	color: white;
	
	align-self: center;
}
.tablecell1
{
	
	padding: 5px;
	text-align: center;
	font-size:16px;
	font-family:"Avenir Next" !important;
	color: white;
	
	align-self: center;
}
.top_row_cell
{
	padding: 5px;
	text-align: center;
	font-size:50px;
	font-family:"Avenir Next" !important;
	color: white;
	line-height:   50px;
	
	align-self: center;
}
.selectadmin
{
	background-color: #1F1F21;
	color: #fff;
	padding: 8px;
	border-radius: 15px;
	width: auto;
	margin-right: 10px;
	min-width: 90px;
}
.greenbox
{
	  font-size: 16px;
    	font-family:"Avenir Next" !important;
    color: #090;
	border-color: green;
	border-width: 1px;
	border-style: solid;
	background-color: transparent;
}
.redbox
{
	  font-size: 16px;
   	font-family:"Avenir Next" !important;
    color: red;
	border-color: red;
	border-width: 1px;
	border-style: solid;
	background-color: transparent;
}

.message
{
	border-radius: 15px;	
	width: 475px;
margin: 15px;
	display: flex;
	flex-direction: column;
height: auto;
	min-height: 125px;
	background-color: #3f3f40;
border-width: 2px;
	border-style: solid;
	border-color: #9c9c9c;
font-family: "Avenir Next" !important;
}
.message_date
{
	padding: 10px;
		font-size:18px;
font-family: "Avenir Next" !important;
	color: white;
	text-decoration: underline;
	
}
.message_text
{
	padding: 10px;
		font-size:16px;
font-family: "Avenir Next" !important;
	color: white;
	
}

.flex-full-details
{
	border-radius: 15px;	
	max-width: 975px;
	min-width: 475px;
	width: auto;
	background-color: #1F1F21;
	height: auto;
	min-height: 125px;
	margin: 15px;
	flex-wrap: wrap; 
	font-size:16px;
	position: relative;
}
.flex-full1
{
	border-radius: 15px;	
	width: auto;
	max-width: 975px;
	min-width: 475px;
	background-color: #1F1F21;
	height: auto;
	min-height: 125px;
	margin: 15px;
	flex-wrap:wrap;
	flex-flow: row wrap;
	font-size:16px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}

.system_div1
{
	width:10%;
	margin: 0;
}
.system_info
{
	
	
margin: 15px;
	display: flex;
	flex-direction: column;
height: auto;
	justify-content: space-around;
	background-color: transparent;
	color: #6f6f6f;

font-family: "Avenir Next" !important;
}
.system_info2
{
	
	
margin: 15px;
	display: flex;
	min-width: 200px;
	flex-direction: column;
height: auto;
	justify-content: center;
	background-color: transparent;
	color: #6f6f6f;

font-family: "Avenir Next" !important;
}
.system_info2 div
{

	margin-top: 25px;
}
.system_info_title
{
	padding: 10px;
		font-size:22px;
font-family: "Avenir Next" !important;
	color: #00a8ff;

	
}
.system_info_text
{
	padding: 10px;
		font-size:16px;
font-family: "Avenir Next" !important;
	color: white;
	
}
.greentext1right
{
	font-family: "Avenir Next" !important;
	font-size:16px;
	color: #259950;
	
	margin-left: 40px;
}
.greentext1
{
	font-family: "Avenir Next" !important;
	font-size:16px;
	color: #259950;
}
.greentext2
{
	font-family: "Avenir Next" !important;
	font-size:18px;
	color: #259950;
}
.button_blue2
{
	background-image: linear-gradient(to right,#0060ff, #00a8ff);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	  padding: 5px 10px;
	border: none;
	width: 80%;
	margin: 15px;
	cursor: pointer;
	
}
a.button_blue4
{
	background-image: linear-gradient(to right,#0060ff, #00a8ff);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	  padding: 5px 10px;
	border: none;
	width: 120px;
	margin: 15px;
	cursor: pointer;
	display: block;
	text-align: center;
	
}
.button_green2
{
	background-image: linear-gradient(to right,#259950,#018225);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	  padding: 5px 10px;
	border: none;
	width: 80%;
	margin: 15px;
	cursor: pointer;
	
}
.button_red2
{
	background-image: linear-gradient(to right,	#842C32,#A30000);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	  padding: 5px 10px;
	border: none;
	width: 80%;
	margin: 15px;
	cursor: pointer;
	
}
.divchartfull
{
	width: 95%;
	height: auto;
	min-height: 500px;
	margin:auto;
}
a.bluebuttonlink
{
	background-image: linear-gradient(to right,#0060ff, #00a8ff);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	
	border: none;
	width: 170px;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	padding-top:5px;
	padding-bottom: 5px;
line-height: 33px;
	
}
a.bluebuttonlink:hover
{
	background-image: linear-gradient(to right,#0060ff, #00a8ff);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	
	border: none;
	width: 150px;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	padding-top:5px;
	padding-bottom: 5px;
		
}
.whitetextbig
{
	color: white;
	font-family: "Avenir Next" !important;
		font-size:30px;	
}

.history_grid1
{
	  display: grid;
  grid-template-columns:120px   120px 120px  repeat(5,1fr) ;
	column-gap: 5px;	
	font-family:"Avenir Next" !important;
	font-size: 16px;
	width: 99%;
	height: auto;
		grid-template-rows: 50px 30px;
	
	grid-row-gap: 5px;

	background-color: #1B1B1B;
	grid-column-gap: 0px;
	margin: 20px;
	grid-auto-flow: row;
	
}
@media screen and (max-width: 900px) {
	.history_grid1
{
	  display: grid;
  grid-template-columns:repeat(8,60px) ;
	column-gap: 5px;	
	font-family:"Avenir Next" !important;
	font-size: 16px;
	width: 99%;
	height: auto;
		grid-template-rows: 50px 30px;
	
	grid-row-gap: 5px;

	background-color: #1B1B1B;
	grid-column-gap: 0px;
	margin: 20px;
	grid-auto-flow: row;
	
}
}
.profit_trade
{
	font-family:"Avenir Next" !important;
			background-image: linear-gradient(to right,#259950,#018225);
	color: white;
	padding: 5px;
	text-align: right;
	height: auto;
	
}
.loss_trade
{
	background-image: linear-gradient(to right,	#842C32,#A30000);
	color: white;
	font-family:"Avenir Next" !important;
	padding: 5px;
	text-align: right;
}
.trade_row1
{
	font-family:"Avenir Next" !important;
		padding: 5px;
	
	
	font-size: 18px;
	color: white;
background-color: #1F1F21;
	height: auto;
	
}
.trade_row2
{
	font-family:"Avenir Next" !important;
		padding: 5px;
	color: #6f6f6f;

	font-size: 18px;
	background-color: #1F1F21;	
	height: auto;
}
.trade_row1r
{
	font-family:"Avenir Next" !important;
		padding: 5px;
	
	
	font-size: 18px;
	color: white;
background-color: #1F1F21;
	text-align: right;	
	height: auto;
	
}
.trade_row2r
{
	font-family:"Avenir Next" !important;
		padding: 5px;
	color: #6f6f6f;

	font-size: 18px;
	background-color: #1F1F21;	
	text-align: right;	
	height: auto;
}
.profit_trade1
{
	font-family:"Avenir Next" !important;
		padding: 5px;
	color: #018225;
	font-weight: bold;
	font-size: 18px;
	background-color: #1F1F21;
	text-align: right;	
	height: auto;
}
.loss_trade1
{

		font-family:"Avenir Next" !important;
		padding: 5px;
	color: #842C32;
		font-weight: bold;
	font-size: 18px;
	background-color: #1F1F21;
	text-align: right;
	height: auto;

}
.historytitle
{
	font-family:"Avenir Next" !important;
	font-size: 18px;
		color: #00a8ff;
	background-color: #1F1F21;
	padding: 5px;
}
.historytitler
{
	font-family:"Avenir Next" !important;
	font-size: 18px;
		color: #00a8ff;
	text-align: right;
background-color: #1F1F21;
	padding: 5px;
}
.wrapper1
{
	margin:15px;
}
.flex-full2
{
	border-radius: 25px;	
	width: auto;
	max-width: 975px;
	min-width: 475px;
	
	height: auto;
	min-height: 50px;
	margin: 15px;
	flex-wrap: wrap; 
	font-size:16px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}

.select_field
{
		border-radius: 25px;	
	background-color: #1F1F21;
		height: auto;
	padding: 10px;
	min-width: 200px;
	color: #6f6f6f;
		font-family:"Avenir Next" !important;
	font-size: 17px;
}
label {
  margin-left:10px;
	margin-right: 10px;
}

		[type="date"] {
  background-image: url(https://www.signalatorsoft.com/images/calendar.png);
			background-size: 15px 15px;
			background-repeat: no-repeat;
			background-position: 90% 50%;
			  border: 1px solid #c4c4c4;
  border-radius: 25px;
  background-color:transparent;
  padding: 5px 7px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  min-width: 100px;
			width: auto;
			color: white;
			
	
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
/*
form{
 margin:0px; padding:0px; 
}*/
.button5
{
	background-image: linear-gradient(to right,#0060ff, #00a8ff);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	  padding: 5px 10px;
	border: none;
	min-width: 75px;
	cursor: pointer;
	width: auto;
	
}
.troubleshooting
{
	background-color:white;
}
.bluetext18
{
		font-family: "Avenir Next" !important;
	color: #00a8ff;
	font-size: 18px;	
	padding: 5px 10px;
	
}
.flex-remove1
{
	border-radius: 15px;	
	width: auto;
	max-width: 975px;
	min-width: 475px;
	background-color: #1F1F21;
	height: auto;
	min-height: 125px;
	margin: 15px;
	flex-wrap:nowrap;
	;
	font-size:16px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.button_red3
{
	background-image: linear-gradient(to right,	#842C32,#A30000);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	  padding: 5px 10px;
	border: none;
	width: 80%;
	margin: 15px;
	cursor: pointer;
	
}

.flex-system1
{
	border-radius: 15px;	
	width: auto;
	max-width: 975px;
	min-width: 475px;
	background-color: #1F1F21;
	height: auto;
	min-height: 125px;
	margin: 15px;
	flex-wrap:nowrap;

	font-size:16px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	
}
.twocolumnswrap
	{
		display: flex;
		flex-direction: row;
	}
.system_text1
{
	width: 100%;
	margin: auto;
}
.delete_icon
{
	 
   top:10px;
	right:10px;

	position:absolute;
	z-index: 20;
}

a.buttonready
{
	background-image: linear-gradient(to right,#0060ff, #00a8ff);
	border-radius: 30px;
	
	  padding: 7px 12px;
	border: none;
	width: 150px;
	cursor: pointer;
	margin: auto;
	margin-top:15px;
	text-decoration: none;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	text-align: center;
	display: block;
}


@media screen and (max-width: 1200px) {
	
	.divchartfull
{
	width: 90%;
	height: auto;
	min-height: 400px;
	margin:auto;
}

	.flex-system1
{
	border-radius: 15px;	
	width: auto;
	max-width: 975px;
	min-width: 475px;
	background-color: #1F1F21;
	height: auto;
	min-height: 125px;
	margin: 15px;
	flex-wrap:wrap;
	flex-flow: column wrap;
	font-size:16px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
	
}
	.button_red3
{
	background-image: linear-gradient(to right,	#842C32,#A30000);
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;	
	font-family: "Avenir Next" !important;
	  padding: 5px 10px;
	border: none;
	width: 80%;
	margin: auto;
	cursor: pointer;
	
}

	
.flex-remove1
{
		border-radius: 15px;	
	width: auto;
	max-width: 975px;
	min-width: 475px;
	background-color: #1F1F21;
	height: auto;
	min-height: 125px;
	margin: 15px;
	flex-wrap:wrap;
	flex-flow: row wrap;
	font-size:16px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
	.system_info2
{
	
	
margin-left: 15px;
	
	display: flex;
	min-width: 200px;
	width: 100%;
	flex-direction: column;
height: auto;
	justify-content: space-around;
	background-color: transparent;
	color: #6f6f6f;
	

font-family: "Avenir Next" !important;
}

}

.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 200px 475px;
	border-radius: 15px;	
	width: 600px;
	min-width: 475px;
	background-color: #1F1F21;
	
	font-size: 18px;
	
font-family: "Avenir Next" !important;
	flex-wrap: wrap; 
	height: auto;
  position: relative;
  transition: all 5s ease-in-out;
	box-shadow: 0px 0px 7px 2px #00a8ff;
	color: white;
	padding: 30px;
	z-index:12;
}
.popup2 {
  margin: 100px 475px;
	border-radius: 15px;	
	width: 600px;
	min-width: 475px;
	background-color: #1F1F21;
	
	font-size: 18px;
	
font-family: "Avenir Next" !important;
	flex-wrap: wrap; 
	height: auto;
  position: relative;
  transition: all 5s ease-in-out;
	box-shadow: 0px 0px 7px 2px #00a8ff;
	color: white;
	padding: 30px;
	z-index:12;
}

.popup .close {
  position: absolute;
  top: 5px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: white;
}
.popup .close:hover {
  color: #00a8ff;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
.popup2 .close {
  position: absolute;
  top: 5px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: white;
}
.popup2 .close:hover {
  color: #00a8ff;
}
.popup2 .content {
  max-height: 30%;
  overflow: auto;
}
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
 /* bottom: 4px;*/
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.chart_label
{
	color: #00a8ff;
	font-family: "Avenir Next" !important;
	line-height: 26px;
	font-size:16px;
	
}
input:checked + .slider {
  background-color: #00a8ff;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00a8ff;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}
			.popup .grid
			{
				display: grid;
				grid-template-columns: 50% 50%;
				grid-column-gap: 10px;
				grid-row-gap: 20px;
				
				width:70%;
				margin: auto;
				margin-top:40px;
				text-align: center;
			}
			.popup .toprow
			{
				grid-column: 1/ span 2;
			}
			.popup .red
			{
				background-color: #010101;
				border-radius: 25px;	
				font-family: "Avenir Next" !important;
				font-size:20px;
				color: #A30000;
				padding: 5px;
			}
			.popup .green
			{
				background-color:#010101;
				border-radius: 25px;	
				
				font-size:20px;
				color: #018225;
				padding: 5px;
			}
			 a.green
			{color: #018225;
				text-decoration: none;
				font-family: "Avenir Next" !important;
			}
			 a.red
			{
				text-decoration: none;
				font-family: "Avenir Next" !important;
			
				font-size:20px;
				color: #A30000;
			}
.popup2 .grid
			{
				display: grid;
				grid-template-columns: 50% 50%;
				grid-column-gap: 10px;
				grid-row-gap: 20px;
				
				width:70%;
				margin: auto;
				margin-top:40px;
				text-align: center;
			}
			.popup2 .toprow
			{
				grid-column: 1/ span 2;
			}
			.popup2 .red
			{
				background-color: #010101;
				border-radius: 25px;	
				font-family: "Avenir Next" !important;
				font-size:20px;
				color: #A30000;
				padding: 5px;
			}
			.popup2 .green
			{
				background-color:#010101;
				border-radius: 25px;	
				
				font-size:20px;
				color: #018225;
				padding: 5px;
			}