body{
	background-color:#000000;
	font-family:verdana;
	font-size:18px;
}
#clogo{
	width:200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	filter: drop-shadow(7px 7px 7px rgba(0,0,0,0.3));
}
div.box{
	height: 500px;
	width: 500px;
	background: #fff;
	border-radius: 20px;
  	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	-ms-transform: translateY(-45%);
	transform: translateY(45%);
 }
div.details{
	margin-top:45px;
	width: 400px;
	height: 250px;
	border-radius: 20px;
  	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
	background-color:#ddfcff;
	color:#0976aa;
}
div.resetdetails{
	margin-top:0px;
	width: 400px;
	height: 320px;
	border-radius: 20px;
  	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
	background-color:#ddfcff;
	color:#0976aa;
}
.box{
  box-shadow: 0px 2px 4px 0px rgba(0,255,255,0.7),
            2px 4px 8px 0px rgba(0,255,255,0.6),
            4px 8px 16px 0px rgba(0,255,255,0.5),
            4px 8px 32px 0px rgba(0,255,255,0.4);
}
.login {
	width:375px;
	margin-top:3px;
	margin-bottom:8px;
	font-family:verdana;
	font-size:18px;
	border-radius: 20px;
	background: #efefef;
	padding: 7px;
	text-align: center;
}

span.login{
	display: inline-block;
	width:360px;
	margin-top:3px;
	margin-bottom:0px;
	font-family:verdana;
	font-size:18px;
	border-radius: 20px;
	background: #efefef;
	padding: 7px;
	text-align: center;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	color:#000000;
}

.radios {
	font-family:verdana;
	font-size:18px;
	text-align:center;
	color:#000000;
}

#go{
	width:150px;
	margin-top:10px;
	outline: 0;
	grid-gap: 8px;
	align-items: center;
	background-color: #444444;
	color: #ddfcff;
	border: 1px solid #000;
	border-radius: 15px;
	cursor: pointer;
	display: inline-flex;
	flex-shrink: 0;
	font-size: 16px;
	gap: 8px;
	justify-content: center;
	line-height: 1.5;
	overflow: hidden;
	padding: 12px 16px;
	text-decoration: none;
	text-overflow: ellipsis;
	transition: all .14s ease-out;
	white-space: nowrap;
	box-shadow: 4px 4px 0 #dcdcdc;
}
#go:hover {
	color:#00ff00;
}

#reset{
	width:150px;
	margin-top:10px;
	outline: 0;
	grid-gap: 8px;
	align-items: center;
	background-color: #444444;
	color: #ddfcff;
	border: 1px solid #000;
	border-radius: 15px;
	cursor: pointer;
	display: inline-flex;
	flex-shrink: 0;
	font-size: 16px;
	gap: 8px;
	justify-content: center;
	line-height: 1.5;
	overflow: hidden;
	padding: 12px 16px;
	text-decoration: none;
	text-overflow: ellipsis;
	transition: all .14s ease-out;
	white-space: nowrap;
	box-shadow: 4px 4px 0 #dcdcdc;
}
#reset:hover {
	color:#00ff00;
}

#request{
	width:150px;
	margin-top:10px;
	outline: 0;
	grid-gap: 8px;
	align-items: center;
	background-color: #444444;
	color: #ddfcff;
	border: 1px solid #000;
	border-radius: 15px;
	cursor: pointer;
	display: inline-flex;
	flex-shrink: 0;
	font-size: 16px;
	gap: 8px;
	justify-content: center;
	line-height: 1.5;
	overflow: hidden;
	padding: 12px 16px;
	text-decoration: none;
	text-overflow: ellipsis;
	transition: all .14s ease-out;
	white-space: nowrap;
	box-shadow: 4px 4px 0 #dcdcdc;
}
#request:hover {
	color:#00ff00;
}

.cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

.cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

#veridataspan{
	display: inline-block;
	margin-top:10px;
}

#sourceip{
	position:absolute;
	font-family:verdana;
	font-size:8px;
	color:#888888;
	left:400px;
	top:10px;
}