/*Class khung chạy quay số*/
.cssquayso {
        background-color: aliceblue;
	    width: 100px;
	    height: 150px;
	    line-height: 150px;
	    font-size: 7em;
	    font-family: sans-serif;
	    font-weight: bold;
	    white-space: nowrap;
	    overflow: hidden;
        text-align:center;
        border-radius:10%;
        }

@keyframes chaylen {
	from {
		bottom: -100%;
	}

	to {
		bottom: 0%;
	}
}
@keyframes chayxuongnhanh {
	from {
		top: -100%;
	}

	to {
		top: 100%;
	}
}
@keyframes chaylennhanh {
	from {
		bottom: -100%;
	}

	to {
		bottom: 100%;
	}
}
@keyframes chayxuongcham {
	from {
		top: -100%;
	}

	to {
		top: 0%;
	}
}
/*------------------------------------------*/
/*Class thanh tiêu đề*/
@keyframes my { 
	 0% { color:aqua;  } 
	 50% { color:brown  }
	 100% { color: #F8CD0A;  } 
 } 

.tieude {         
      font-size:24px;
      font-weight:bold;
	 -webkit-animation: my 700ms infinite;
	 -moz-animation: my 700ms infinite; 
	 -o-animation: my 700ms infinite; 
	 animation: my 700ms infinite;
}/*------------------------------------------*/
 /*Css countdown*/ 
  .giay {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-image: linear-gradient(315deg, #4dccc6 0%, #96e4df 74%);
	font-size: 7em;
    line-height: 150px;
    display: inline-block;
    text-align:center;
}
/*------------------------------------------*/
/*Css button chọn giải, quay giải*/
.buttondepchongiai{
    text-decoration: none;

  border-radius: 50px;
  font-weight: 900;
  text-align: center;
  background: rgb(247,150,192);
background: radial-gradient(circle, rgba(247,150,192,1) 0%, rgba(118,174,241,1) 100%);
  transition: all .3s ease;
 }

.buttondepquaygiai{
    text-decoration: none;

  border-radius: 50px;
  font-weight: 900;
  text-align: center;
  background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);
  transition: all .3s ease;
 }


.buttondep-out{
    border: 4px solid #fc00ff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  color: #fc00ff;
  font-weight: 900;
}
.buttondep-out:hover{
    box-shadow: 0px 2px 20px 5px #fc00ff;
  color: #fc00ff;
}
/*------------------------------------------*/
/*Css button xem thông tin*/
.btthongtin {
  background: rgb(0,3,255);
background: linear-gradient(0deg, rgba(0,3,255,1) 0%, rgba(2,126,251,1) 100%);
  border: none;
  border-radius:15px;
}
.btthongtin:hover {
   background: rgb(0,172,238);
background: linear-gradient(0deg, rgba(0,172,238,1) 0%);
}
/*------------------------------------------*/
/*Css canh giữa gridview*/
.canhgiua {
  /*width: 320px;
  height: 70px;*/  
  position: relative;
  display: inline-block; 
  
}
.gview {
  width: 100%;
  margin: 40px auto;
  text-align: center;
  
}

.testcanhgiua {
/*background-color:beige;
padding:10px;
border-radius:10px;
width:80%;
position:absolute;*/
position: relative;
 display: inline-block;
 width: auto;
}
.testgview {
 /*width:100%;
 padding-left:10%;
 margin-top:10px;
 text-align:center;*/
 width: 100%;

  text-align: center;
}
/*------------------------------------------*/
body {
	height: 100%;
    /*display: flex;*/
	align-items: center;
	justify-content: center;
/*background-image: linear-gradient(315deg, #1fd1f9 0%, indigo 60%);*/

}