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

@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;
	
}
.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;	
}

.selectmob
{
	background-color: #1F1F21;
	color: #fff;
	padding: 8px;
	border-radius: 15px;
	
	
	min-width: 130px;
	width: auto;
}
.select
{
	background-color: #1F1F21;
	color: #fff;
	padding: 8px;
	border-radius: 15px;
	width: auto;
	
	min-width: 130px;
}
.login-container
{
	width:50%;
	margin:auto;
	max-width:700px;
	min-width:300px;
	height: auto;
	min-height: 400px;
	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:85%;

	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: nowrap;
	justify-content: flex-start;
	align-content: flex-start;
	margin: auto;
	

}
.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: auto;
	flex-wrap: wrap; 
	font-size:16px;
	margin-top: 15px;

}



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

}
.flex2
{
	border-radius: 15px;	
	width: 475px;
	min-width: 475px;
	background-color: #1F1F21;
	height: 500px;
	margin: auto;
	margin-top: 15px;
	flex-wrap: wrap; 

	font-size:16px;
	

}

.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.svg"); 
	 background-repeat:no-repeat; 
	background-position:left 37px bottom 10px;	
	background-size: 10px 10px;	
	margin-top: 30px;
}
.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/DashboardBlue.svg"); 
	 background-repeat:no-repeat; 
	background-position:left 37px bottom 10px;	
	background-size: 10px 10px;	
	
	border-left-color:#00a8ff;
	border-left-style: solid;
	border-left-width: 2px;
	margin-top: 30px;
}
.leftinactive2
{
	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/Pages.svg"); 
	 background-repeat:no-repeat; 
	background-position:left 37px bottom 10px;	
	background-size: 10px 10px;	
}
.leftinactive2:hover
{
	background-image: url("images/PagesBlue.svg"); 
	border-left-color:#00a8ff;
	border-left-style: solid;
	border-left-width: 2px;
	padding-left:88px;
	color: #00a8ff;;
	background-position:left 35px bottom 10px;	
}
.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/Signals.svg"); 
	 background-repeat:no-repeat; 
	background-position:left 37px bottom 10px;		
	background-size: 10px 10px;	
}
.leftinactive3:hover
{
	background-image: url("images/SignalsBlue.svg"); 
	border-left-color:#00a8ff;
	border-left-style: solid;
	border-left-width: 2px;
	padding-left:88px;
	color: #00a8ff;;
	background-position:left 35px bottom 10px;	
}
.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/Traders.svg"); 
	 background-repeat:no-repeat; 
	background-position:left 37px bottom 10px;	
	background-size: 10px 10px;	
}
.leftinactive4:hover
{
	background-image: url("images/TradersBlue.svg"); 
	border-left-color:#00a8ff;
	border-left-style: solid;
	border-left-width: 2px;
	padding-left:88px;
	color: #00a8ff;;
	background-position:left 35px bottom 10px;	
}

.gridbox1
{
		display: grid;
	grid-template-columns: 100%;
	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;
	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-reverse; 
	order: 1;

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

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

}
.verified
{

display: flex;
	width: 100%;
	
justify-content: flex-start;
  align-items: center;

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

	margin-left: 10px;
	align-self: center;
}
.vitem2
{
margin-left: auto;
	align-self: center;
}
.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;
}

.mobile-grid-container
{
	
	width: 475px;
	margin: auto;
	
	
	margin-top:25px;
	
}
.top-mob-row
{
border-radius: 15px;	
	background-color: #1F1F21;
max-width:475px;
	 background-image: url("images/GoldMirror.png"); 
	background-position: center;
	background-repeat:no-repeat; 
	background-size: 238px 42px;

	width: 95%;
	align-self: center;
}
.mob-row1
{
	justify-content: center;

	margin-top: 10px;
	margin-bottom: 10px;
}
.dropbtn {
   background-image: url("images/mobmenu.png"); 
 background-color: #1F1F21;
 height: 50px;
	width:50px;
  
  border: none;
  cursor: pointer;
	 background-repeat:no-repeat; 
	background-position:left 5px bottom 10px;	
	background-size: 30px 30px;	
	margin-left: 10px;
	
}

.dropbtn:hover, .dropbtn:focus {
 
}

.dropdown {
  
 
}

.dropdown-content {
  display: none;
  position: absolute;
 
  margin-top: 50px;
	margin: auto;
  min-width: 160px;
	width: 250px;
  overflow: auto;

  z-index: 1;
	
}

.dropdown-content a {
  color: black;
margin: 15px;
	font-family:"Avenir Next" !important;
 padding: 10px;
  text-decoration: none;
  display: block;
background-color: #6f6f6f;

	border-radius: 19px;
	text-align: center;
	
}

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

.show {display: block;}


.box.flex {
  display: flex;
  justify-content: center;
  align-items: center;
	height: 500px;

	
}



.buttonleft
{
background-image:url("images/left-arrow.png") ;
background-repeat:no-repeat; 
	background-position: center;
	background-color: transparent;
  cursor: pointer;
	border: none;
	outline: none;
	margin-right:5px;	
background-size: 25px 50px;
width: 25px;
	height : 50px;
}

.buttonright
{
background-image:url("images/right-arrow.png") ;
background-repeat:no-repeat; 
	background-position: center;
	background-color: transparent;
  cursor: pointer;
	border: none;
	outline: none;
	margin-left:5px;	
	background-size: 25px 50px;
width: 25px;
	height : 50px;
}

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

}


.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;

	border-radius: 15px;
	
	background-color: #1F1F21;

	padding: 20px;


	box-shadow: 0px 0px 7px 2px #00a8ff;
	margin-bottom: 45px;
}
.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;
	margin: auto;
}
.flex-container-single
{
margin: 15px;
	margin-left: 30px;
flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
}

.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;

}
.flex1red
{
	border-color: #842C32;
	border-style: solid;
	border-width: 1px;
	border-radius: 15px;	
	width: 350px;

	background-color: #1F1F21;
	height: auto;
margin: 15px;
	flex-wrap: wrap; 
	font-size:16px;
	box-shadow: 0px 0px 7px 2px #842C32;

}
.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: 350px;
margin: 15px;
align-self: center;

	
	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;	
	width: 975px;
	min-width: 475px;
	background-color: #1F1F21;
	height: auto;
	min-height: 125px;
	margin: 15px;
	flex-wrap: wrap; 
	font-size:16px;
}
.flex-full1
{
	border-radius: 15px;	
	width: 975px;
	min-width: 475px;
	background-color: #1F1F21;
	height: auto;
	min-height: 125px;
	margin: 15px;
	flex-wrap: wrap; 
	font-size:16px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}
.system_text1
{
	max-width: 50%;
	width:475px;
	margin: 0;
	
	
}
.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: space-around;
	background-color: transparent;
	color: #6f6f6f;

font-family: "Avenir Next" !important;
}
.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;
	
}
.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;
	text-decoration: none;
	
}
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;
	text-decoration: none;
		
}
.whitetextbig
{
	color: white;
	font-family: "Avenir Next" !important;
		font-size:30px;	
}

.mob_buttonblue
{
	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;
	
	cursor: pointer;
	
}
.gridbox2
{
		display: grid;
	grid-template-columns: 35%  65%;
	padding: 5px;
	width: 100%;
	height: 100%;	
}
.first_column
{
	
}
.second_column
{
	
	text-align: right;
	margin-right: 15px
}
.thirdrowtwo
{
	grid-column:  span 2;
	text-align: center;
}
.mobile-grid-container2
{
	width: 99%; max-width:475px; margin: auto;  display: flex; flex-direction: column; justify-content: center; margin-top:5px;
}
.topmenurow
{
	max-width: 475px; min-width:350px; height: auto; align-self: center;  margin-top:15px; border-radius: 15px;background-color: #1F1F21; padding-bottom:10px;
}
.style1
{
	max-width: 350px;  min-width:350px; height: 125px;  align-self: center;  margin-top:15px; border-radius: 15px;background-color: #1F1F21;
}
.style2
{
	border-radius: 15px;	max-width: 350px;  min-width:350px;
	background-color: #1F1F21;
	height: 125px;
margin: auto;
	flex-wrap: wrap; 
	font-size:16px;
	margin-top: 15px;
}
.style3
{
	color: #6f6f6f; font-family:Avenir Next !important; margin-left: 20px; line-height:30px;
}
.style4
{
	color: #6f6f6f; font-family:Avenir Next !important; margin-left: 20px;
}
.chart_flex_box
{
	display: flex;
  justify-content: center;
  align-items: center;
	height: 500px;
	margin-top: 15px;
}
.chart_flex_box2
{
	border-radius: 15px;	max-width: 350px;  min-width:350px;
	background-color: #1F1F21;
	height: auto;
margin: auto;
			
	flex-wrap: wrap; 
	font-size:16px;
	margin-top: 15px;
	padding-bottom: 15px;
}
.top-mob-row2
{


max-width:475px;
	 background-image: url("images/GoldMirror.png"); 
	background-position: center;
	background-repeat:no-repeat; 
	background-size: 357px 63px;
height: 65px;
	width: 95%;
	margin: auto;
	align-self: center;
	margin-top:15px;
	margin-bottom:25px;
	
}
.gridbox4
{
		display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows:  50px 50px;
	width: 100%;
	height: 100%;	
	padding-top: 15px;
}
.b2row4
{
	margin-right:30px;
	text-align: center;
	color: #6f6f6f;

	font-family: "Avenir Next" !important;
}
.b2row5
{
	margin-left:30px;
	
	color: white;
	
	font-family: "Avenir Next" !important;
}
.basicbox1
{
	border-radius: 15px;	max-width: 350px;  min-width:350px;
	background-color: #1F1F21;
	height: auto;
margin: auto;
			
	flex-wrap: wrap; 
	font-size:16px;
	margin-top: 30px;
}
.basicbox1red
{
	border-radius: 15px;	max-width: 350px;  min-width:350px;
	background-color: #1F1F21;
	height: auto;
margin: auto;
			
	flex-wrap: wrap; 
	font-size:16px;
	margin-top: 30px;
	box-shadow: 0px 0px 7px 2px #842C32;
}
.basicbox1green
{
	border-radius: 15px;	max-width: 350px;  min-width:350px;
	background-color: #1F1F21;
	height: auto;
margin: auto;
			
	flex-wrap: wrap; 
	font-size:16px;
	margin-top: 30px;
		box-shadow: 0px 0px 7px 2px #259950;
}
.button3
{
	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;
	
}

.messagemob
{
	border-radius: 15px;	
	width: 350px;
margin: 15px;
align-self: center;

	
	display: flex;
	flex-direction: column;

height: auto;
	min-height: 125px;
	background-color: #1F1F21;

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;
	
}
.basicbox2
{
	border-radius: 15px;	max-width: 350px;  min-width:350px;
	background-color: #1F1F21;
	height: auto;
margin: auto;
			
	flex-wrap: wrap; 
	font-size:16px;
	margin-top: 30px;
	padding: 15px;
}
.systemmob
{
	border-radius: 15px;	
	width: 350px;
margin-top: 15px;
align-self: center;	
	display: flex;
	flex-direction: column;
height: auto;
	min-height: 125px;
	background-color: #1F1F21;
font-family: "Avenir Next" !important;	
	color: #6f6f6f;


}
.system_title
{
		padding-top: 20px;
	padding-left: 10px;
		font-size:24px;
font-family: "Avenir Next" !important;
	color: #00a8ff;	
}
.system_text
{

		font-size:16px;
font-family: "Avenir Next" !important;
	color: white;
			padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
}
.wrapper1
{
	margin:15px;
}
.left_column
{
	padding-left: 10px;
}
.gridbox5
{
		display: grid;
	grid-template-columns: 50% 50%;
	grid-row-gap: 10px;

	width: 100%;
	height: 100%;	
	padding-top: 15px;
}


.system_title2
{
		padding-top: 20px;
	padding-left: 10px;
		font-size:24px;
font-family: "Avenir Next" !important;
	color: white;	
}
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;
}