/** Custom Added CSS **/
.login-body-bg {
	background-image: url("../images/loginimage.jpg");
	height: 100%;
	/* Center and scale the image nicely */
	background-repeat: no-repeat;
	background-size: cover;
}

#captcha {
    width: 60%;
    float: left;
    margin-top: 0;
	margin-bottom:1rem !important;
}
.captcha img.captcha-image {
    float: left;
	margin-left:15px;
}
.cls-mobile{display:none;}
@media (max-width: 768px) {
.site-logo{width:84px !important;}
.wrapper #sidebar{top:29% !important;}
.cls-mobile{display:block !important;}
}

@media (max-width: 576px) {
#captcha{width: 53%;}
.captcha img.captcha-image {width: 40%;	height: 41px;}
.cls-mobile{display:block !important;}
}

@media (max-width: 360px) {
	.wrapper #sidebar{top:19% !important;}
	.cls-mobile{display:block !important;}
}

.msg{ display:block; width:100%; padding:8px; font-size:16px; border:1px solid #ccc; clear:both; border-radius:5px; text-align:center; width:98%; margin:10px auto;}
.msg.error-msg, .error-msg { color:#D50000; }

.redial-border-light-hover:hover{
	border-color:#A1887F !important;
	transition-duration: 0.5s;
}

.light-point {
  position: absolute;
  right: 40px;
  top: 0px;
  font-size:19px; 
}

.light-normal{color: #1B5E20;}
.light-battery{color: #FF6D00;}
.light-off{color: #D50000;}

.ring-point {
  width: 6px;
  height: 6px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 100%;
  position: absolute;
  right: 11px;
  top: 11px; }

.ring {
  position: absolute;
  top: -10px;
  right: -9px;
  height: 25px;
  width: 25px;
  z-index: 10;
  border-radius: 100%;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.0;
}

.good-point{background-color: #1B5E20;}
.good{border: 5px solid #1B5E20;}

.warn-point{background-color: #FF6D00;}
.warn{border: 5px solid #FF6D00;}

.danger-point{background-color: #D50000;}
.danger{border: 5px solid #D50000;}

.progressBar{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('spin.gif') 50% 50% no-repeat rgb(249,249,249);
	text-align:center;
	border-radius:10px;
}