.card{
	border-radius:0px !important;
}
.card-header{
	text-align: center;
}
.form-control{
	border-radius: 0px !important;
}
.btn{
    border-radius: 0px !important;
    min-width: 100px !important;	
}
.mt-5{
	margin-top: 5em;
}
.mb-25{
	margin-bottom: 25px !important;
}
body{
	background: #fff;
}
@media (min-width: 1200px){
	.container {
	    max-width: 1400px;
	}
}

.body-loader{
	background: #c2c2c261 !important;
}

/* Loader */
.pong-loader {
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	height: 40px;
	width: 6px;
	background-color: transparent;
	animation: paddles 0.75s ease-out infinite;
	transform: translate3d(0, 0, 0);
}
.pong-loader:before {
	content: "";
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 15px;
	width: 10px;
	height: 10px;
	background-color: #3490dc;
	border-radius: 50%;
	animation: ballbounce 0.6s ease-out infinite;
}

@keyframes paddles {
	0% {
		box-shadow: -25px -10px 0px #3490dc, 25px 10px 0px #3490dc;
	}
	50% {
		box-shadow: -25px 8px 0px #3490dc, 25px -10px 0px #3490dc;
	}
	100% {
		box-shadow: -25px -10px 0px #3490dc, 25px 10px 0px #3490dc;
	}
}
@keyframes ballbounce {
	0% {
		transform: translateX(-20px) scale(1, 1.2);
	}
	25% {
		transform: scale(1.2, 1);
	}
	50% {
		transform: translateX(15px) scale(1, 1.2);
	}
	75% {
		transform: scale(1.2, 1);
	}
	100% {
		transform: translateX(-20px);
	}
}

.box{
	border: 1px solid #c2c2c2;
    padding: 25px;
    text-align: center;	
    cursor: pointer;
}

.active{
	border: 1px solid #227dc7;
}

.box p{
	margin: 0px;
}