::selection {
	background: #00A5E8;
	color: #f4f4f4;
}

::-moz-selection {
	background: #00A5E8;
	color: #f4f4f4;
}

html, body {
	font-family: 'Hind Siliguri', sans-serif !important;
	background-color: #fafafa;
	color: #676a6c;
	height: 80%;
}

input:focus {
	outline: none;
}

.login-panel {
	background-color: white;
	padding: 3em 2em 3em 2em;
	width: 300px;
	margin: 8% auto;
	border-radius: 0.2em;
	box-shadow: 0 0 14px rgba(140, 140, 140, 0.5);
	text-align: center;
}

.login-panel input {
	display: block;
	padding: 0.9em;
	margin-top: 0.8em;
	border: 0;
	background-color: rgb(252, 252, 252);
	width: 100%;
	color: #666;
	letter-spacing: 1px;
	box-shadow: inset 0px 0px 6px rgba(120, 120, 120, 0.1);
}

::-webkit-input-placeholder {
   color: #ccc;
}

:-moz-placeholder { 
   color: #ccc;  
}

::-moz-placeholder { 
   color: #ccc;  
}

:-ms-input-placeholder {  
   color: #ccc;  
}

.login-panel label {
	font-size: small;
	font-weight: bolder;
}

.login-panel input:hover {
	background-color: rgb(250, 250, 250);
	box-shadow: inset 0px 0px 6px rgba(120, 120, 120, 0.1);
}

.login-button, .forgot-password {
	border-radius: 2px;
	border: none;
	background-color: #c4af94 !important;
	padding: 1em 4em;
	width: 100%;
}

.forgot-password {
	background-color: #9e2141 !important;
	margin-top: 8%;
}

.seduc-alert {
    padding: 0.4em;
    text-align: left;
    font-size: small;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.seduc-close {
    right: 0.2em !important;;
}

#floatingCirclesG {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 64px;
	height: 64px;
	-moz-transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
}

.f_circleG {
	position: absolute;
	background-color: #FFFFFF;
	height: 12px;
	width: 12px;
	-moz-border-radius: 6px;
	-moz-animation-name: f_fadeG;
	-moz-animation-duration: 0.96s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: linear;
	-webkit-border-radius: 6px;
	-webkit-animation-name: f_fadeG;
	-webkit-animation-duration: 0.96s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: linear;
	-ms-border-radius: 6px;
	-ms-animation-name: f_fadeG;
	-ms-animation-duration: 0.96s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: linear;
	-o-border-radius: 6px;
	-o-animation-name: f_fadeG;
	-o-animation-duration: 0.96s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: linear;
	border-radius: 6px;
	animation-name: f_fadeG;
	animation-duration: 0.96s;
	animation-iteration-count: infinite;
	animation-direction: linear;
}

#frotateG_01 {
	left: 0;
	top: 26px;
	-moz-animation-delay: 0.36s;
	-webkit-animation-delay: 0.36s;
	-ms-animation-delay: 0.36s;
	-o-animation-delay: 0.36s;
	animation-delay: 0.36s;
}

#frotateG_02 {
	left: 8px;
	top: 8px;
	-moz-animation-delay: 0.48s;
	-webkit-animation-delay: 0.48s;
	-ms-animation-delay: 0.48s;
	-o-animation-delay: 0.48s;
	animation-delay: 0.48s;
}

#frotateG_03 {
	left: 26px;
	top: 0;
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

#frotateG_04 {
	right: 8px;
	top: 8px;
	-moz-animation-delay: 0.72s;
	-webkit-animation-delay: 0.72s;
	-ms-animation-delay: 0.72s;
	-o-animation-delay: 0.72s;
	animation-delay: 0.72s;
}

#frotateG_05 {
	right: 0;
	top: 26px;
	-moz-animation-delay: 0.84s;
	-webkit-animation-delay: 0.84s;
	-ms-animation-delay: 0.84s;
	-o-animation-delay: 0.84s;
	animation-delay: 0.84s;
}

#frotateG_06 {
	right: 8px;
	bottom: 8px;
	-moz-animation-delay: 0.96s;
	-webkit-animation-delay: 0.96s;
	-ms-animation-delay: 0.96s;
	-o-animation-delay: 0.96s;
	animation-delay: 0.96s;
}

#frotateG_07 {
	left: 26px;
	bottom: 0;
	-moz-animation-delay: 1.08s;
	-webkit-animation-delay: 1.08s;
	-ms-animation-delay: 1.08s;
	-o-animation-delay: 1.08s;
	animation-delay: 1.08s;
}

#frotateG_08 {
	left: 8px;
	bottom: 8px;
	-moz-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	animation-delay: 1.2s;
}