body {
	

	color: #836426;
	font-family: 'Prompt', sans-serif;
	background-image:url('../img7/BG.jpg');

	background-position: center;

	height: 100%;
	background-color: black;
	
}

@media (min-width: 400px){	
	.container{
		width: 400px !important;
	}
	
}
@media (min-width: 360px){
	.row{
		width: auto; 
		
	}
}
@media (max-width: 700px){
	.login-form{
		margin: 15px !important;
		
	}
}
.UserData {
	display: inline-block;
	width: 60%px;
	height: 120px;
	margin: 10px auto;
	border-radius: 23px;
	background-color: #1c1a10;
	border: 2px solid #c3ad65;
	vertical-align: top;
	padding: 10px;
}

.ShowData{
	 
	line-height: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 23px;
	border: 2px solid #c3ad65;
	text-align: center;
	vertical-align: middle;
	color:white;
}
.btnMenu {
	display: inline-block;
	width: 40%px;
	margin: 10px auto;

	vertical-align: middle;
}

.login-form form {
	margin-bottom: 15px;
	
/*	padding: 30px;*/
}
.login-form h2 {
	margin: 0 0 15px;
	color: #1c1a10 ;
	background-image: linear-gradient(to right, #30200a,#bd9039,white);
	border-radius: 23px 23px 0 0;
	height: 60px;
	font-size: 50px;
}
.form-control, .btn {
	min-height: 38px;
	border-radius: 2px;
}
.btn {        

	font-weight: bold;
}
.form-group{
	margin: 0px;
	padding: 20px;
	text-align: center;
}

.social{
	border-radius: 23px;
	background-color: #1c1a10;
	border: 2px solid #c3ad65;	
	background-color: rgba(28,26,16,0.11);
	
}

/* Button Style */
.btn7zean {
 -moz-box-shadow:inset 0px 29px 0px -15px #ffd65c;
 -webkit-box-shadow:inset 0px 29px 0px -15px #ffd65c;
 box-shadow:inset 0px 29px 0px -15px #ffd65c;
 background-color:#ffc430;
 -moz-border-radius:40px;
 -webkit-border-radius:40px;
 border-radius:40px;
 border:1px solid #c48f1c;
 display:inline-block;
 cursor:pointer;
 color:#333333;
 font-family:Arial;
 font-size:14px;
 font-weight:bold;
 padding:7px 	10px;
margin-bottom: 8px;
 text-decoration:none;
 text-shadow:0px -1px 0px #ffee66;
 width: 120px;
}
.btn7zean:hover {
 background-color:#be830e;
}
.btn7zean:active {
 position:relative;
 top:1px;
}

/* Table Stat */
.Table7zean {
  border: 1px solid #C48F1D;
 
  width: 100%;
  height: 180px;

}
.BallCircle{
	display:inline-block;
    width: 29px;
	height: 29px;
  	line-height: 30px;
    color: white;
    text-align: center;
    font-size: 16px;
	border-radius: 50%;
	vertical-align: middle;
}


.loader {
  border: 15px solid #f3f3f3;
  border-radius: 50%;
  border-top: 15px solid #9FAC12;
  width: 100px;
  height: 100px;

  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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