body
{
	margin:0px;
	padding:0px;
	background-color: #bdc0ff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%23bdc0ff' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23c7c8fb' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23d1d1f7' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23dadaf3' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23e3e2ef' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23ebebeb' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
font-family: 'Heebo', sans-serif;
}

*
{
	box-sizing:border-box;
}


.login_container
{
	position:absolute;
	width:25%;
	left:50%;
	top:50%;
	padding:20px;
	background:#fff;
	border-radius:50px;
	transform:translate(-50%,-50%);
	-webkit-box-shadow: 0px 0px 23px -15px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 23px -15px rgba(0,0,0,1);
box-shadow: 0px 0px 23px -15px rgba(0,0,0,1);
}

@keyframes social_animation {
    from {
        transform: rotate(0deg);
        border: 1px dashed #333;
        color: #333;
    }

    to {
        transform: rotate(360deg);
        border: 1px dashed #333;
        color: #333;
    }
}



.logo_container
{
	text-align:center;
	background:#fff;
	width:110px;
	margin:0px auto;
	height:110px;
	line-height:110px;
	border-radius:100%;
	-webkit-box-shadow: 0px 0px 24px 0px rgba(235,235,235,1);
-moz-box-shadow: 0px 0px 24px 0px rgba(235,235,235,1);
box-shadow: 0px 0px 24px 0px rgba(235,235,235,1);
border:1px dashed #000;
animation: social_animation 20s linear infinite;
}

.logo_container img
{
	margin-top:14px;
	width:80px;
	text-align:center;
	height:80px;
}

.form_container
{
   margin-top:40px;
}

.classspan
{
	width:100%;
	display:block;
	font-weight:300;
	margin-top:5px;
	font-family: 'Heebo', sans-serif;
}

.txtbox
{
	width:100%;
	margin-top:5px;
	height:40px;
	padding-left:10px;
	border:1px solid #d9d9d9;
	font-weight:300;
font-family: 'Heebo', sans-serif;

}

.txtbox:focus
{
	outline:0px;
}

.mybt
{
	width:120px;
	height:40px;
	border:none;
	color:#fff;
	border-radius:20px;
	background:#ff7800;
	cursor:pointer;
	margin-top:20px;
}


.forget
{
	text-align:right;
}

.forget a
{
	text-decoration:none;
	color:#000;
}

#forget
{
   display:none;
}



@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and  only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	
	.login_container
{
	position:absolute;
	width:90%;
	left:50%;
	top:50%;
	padding:20px;
	background:#fff;
	border-radius:50px;
	transform:translate(-50%,-50%);
	-webkit-box-shadow: 0px 0px 23px -15px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 23px -15px rgba(0,0,0,1);
box-shadow: 0px 0px 23px -15px rgba(0,0,0,1);
}
	
}