#lock-mask{
	bottom: 0px;
	height: 100%;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 100111;
}
#lock-screen-cont{
	bottom: 0px;
	height: 100%;
	position: fixed;
	top: 0px;
	transition: background 1s;
	width: 100%;
	z-index: 100113;
}
.lock-margin-reset{
	margin: 0 !important;
}
.lock-screen-ajax{
	bottom: 0px;
	color: #fff;
	height: 100%;
	left: 0px;
	position: fixed;
	right: 0px;
	top: 0px;
	width: 100%;
}
.lock-overflow{
	margin: 0px;
	overflow: hidden;
	padding: 0px;
}
#lock-screen{
	overflow: hidden;
}
#lock-screen, #lock-screen *{
	border: 0;
	font: inherit;
	font-size: 100%;
	letter-spacing: 0px;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
#lock-screen .body{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #000;
	font: 400 100%/100% 'Roboto', sans-serif;
	margin: 0;
	width: 100%;
	top: 0px;
	bottom: 0px;
	position: fixed;
	height: 1000px;
	float: left;
	z-index: 100111;
}
#lock-screen a{
	text-decoration: none;
}
#lock-screen a:active, #lock-screen a:hover{
	color: #0ca600;
	outline: 0;
	text-decoration: none;
}
#lock-screen ul{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#lock-screen li > ul{
	margin: 0;
}
#lock-screen img{
	border: 0;
	ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
#lock-screen .site-name{
	color: #eaeaea;
	font: 100 50px/52px "Roboto", sans serif;
	padding: 12px 20px;
	position: relative;
}
#lock-screen .login-main-wrapper{
	float: left;
	margin-left: 39%;
	margin-top: 13%;
	width: 405px;
}
#lock-screen .switch-user{
	float: left;
	position: absolute;
	transition: .3s all;
}
#lock-screen .switch-user:hover{
	opacity: .7;
}
#lock-screen .login-wrap{
	background: rgba(0,0,0,.8);
	float: right;
	min-height: 138px;
	position: relative;
	width: 360px;
}
#lock-screen .login-wrap .profile-pic{
	background: #000;
	float: left;
	height: 78px;
	margin: 29px 10px 0px 37px;
	overflow: hidden;
	position: relative;
	width: 80px;
}
#lock-screen .login-wrap .credential-cntnr{
	float: right;
	margin-top: 38px;
	width: 60%;
}
#lock-screen .credential-inner{
	float: left;
	margin-top: 12px;
	width: 95%;
}
#lock-screen .credential-inner .login{
	background: #000;
	color: #fff;
	float: left;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	margin-top: 8px;
	padding: 4px 6px 4px 12px;
	position: relative;
	min-width: 60%;
}
#lock-screen .credential-inner .login img{
	margin-left: 6px;
}
#lock-screen .login-wrap .credential-cntnr h2{
	color: #fff;
	float: left;
	font-size: 18px;
	font-weight: 300;
	line-height: 20px;
	width: 100%;
}
#lock-screen .login-wrap .credential-cntnr input[type="password"]{
	background: rgba(0,0,0,.6);
	border: solid 1px #323232;
	/*border-style: none;*/
	box-shadow: 0 0 0 0 !important;
	color: #fff;
	float: left;
	font:normal 400 30px/37px "arial", sans serif;
	height: 38px;
	margin: 0px 7px 0px 0px;
	outline: none !important;
	text-align: center;
}

.text_lock_password::-webkit-input-placeholder { font:normal 14px/37px "Roboto", sans serif; color: #535353;}
.text_lock_password::-moz-placeholder { font:normal 14px/37px "Roboto", sans serif; color: #535353;}
.text_lock_password:-ms-input-placeholder { font:normal 14px/37px "Roboto", sans serif; color: #535353;}
.text_lock_password:-moz-placeholder { font:normal 14px/37px "Roboto", sans serif; color: #535353;}









#lock-screen .unlock-error input[type="password"]{
	color: #de0000 !important;
}
#lock-screen .text_lock_pin{
	width: 38px;
}
#lock-screen .text_lock_password{
	width: 173px;
}
#lock-screen .login-wrap .credential-cntnr a{
	background: #000;
	border: solid 1px #000;
	float: left;
	height: 44px;
	position: relative;
	text-align: center;
	top: 18px;
	transition: all .3s;
	width: 40px;
}
#lock-screen .login-wrap .credential-cntnr a img{
	position: relative;
	top: 12px;
}
#lock-screen .login-wrap .credential-cntnr a:hover{
	opacity: .7;
}
#lock-screen .switch-wrapper{
	background: #f6f6f6;
	border: solid 1px #b4b4b4;
	float: left;
	margin-left: -10px;
	margin-top: -95px;
	min-height: 78px;
	position: absolute;
	width: 218px;
	z-index: 90;
}
#lock-screen .switch-wrapper .notification-tip{
	background: transparent url(img/tip-bottom.png) 0px 0px;
	bottom: -12px;
	display: block;
	height: 12px;
	left: 7%;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 25px;
	z-index: 100;
}
#lock-screen .switch-wrapper .tip-head{
	float: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	margin: 10px 0 3px 10px;
	width: 95%;
}
#lock-screen .switch-wrapper p{
	color: #6e6e6e;
	float: left;
	font-size: 13px;
	font-weight: 300;
	line-height: 16px;
	margin-left: 10px;
	width: 95%;
}
#lock-screen .hints-wrapper{
	background: #f6f6f6;
	border: solid 1px #b4b4b4;
	float: right;
	margin-top: 16px;
	min-height: 70px;
	position: relative;
	width: 360px;
	z-index: 90;
}
#lock-screen .hints-wrapper .notification-tip{
	background: transparent url(img/tip-top.png) 0px 0px;
	top: -11px;
	display: block;
	height: 12px;
	left: 45%;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 25px;
	z-index: 100;
}
#lock-screen .hints-wrapper .hint-icon{
	float: left;
}
#lock-screen .hints-wrapper .hint-icon img{
	margin: 15px 0px 0px 15px;
}
#lock-screen .hints-wrapper .tip-head{
	float: left;
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	margin: 16px 0 3px 5%;
	width: 70%;
}
#lock-screen .hints-wrapper p{
	color: #6e6e6e;
	float: left;
	font-size: 13px;
	font-weight: 300;
	line-height: 16px;
	margin-left: 5%;
	width: 70%;
}
#lock-screen .error-wrapper{
	background: #ffeaea;
	border: solid 1px #ffacac;
	float: right;
	margin-top: 17px;
	min-height: 70px;
	position: relative;
	width: 360px;
	z-index: 90;
}
#lock-screen .error-wrapper .notification-tip{
	background: transparent url(img/tip-top-error.png) 0px 0px;
	top: -11px;
	display: block;
	height: 12px;
	left: 45%;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 25px;
	z-index: 100;
}
#lock-screen .error-wrapper .hint-icon{
	float: left;
}
#lock-screen .error-wrapper .hint-icon img{
	margin: 15px 0px 0px 15px;
}
#lock-screen .error-wrapper .tip-head{
	float: left;
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	margin: 16px 0 3px 5%;
	width: 70%;
}
#lock-screen .error-wrapper p{
	color: #6e6e6e;
	float: left;
	font-size: 13px;
	font-weight: 300;
	line-height: 16px;
	margin-left: 5%;
	width: 70%;
}
#lock-screen .ct-inner{
	float: left;
	width: 100%;
}
#lock-screen .signin-options{
	float: right;
	margin: 14px 6% 22px 0px;
	min-width: 60%;
}
#lock-screen .signin-options p{
	color: #fff;
	float: left;
	font-size: 14px;
	font-weight: 300;
	line-height: 36px;
	margin-right: 0px;
	min-width: 110px;
	text-align: right;
}
#lock-screen .signin-options a{
	background: rgba(255,255,255,.5);
	border: solid 1px #7a7a7a;
	float: left;
	height: 38px;
	line-height: 34px;
	margin-left: 6px;
	position: relative;
	text-align: center;
	transition: .4s all;
	width: 38px;
}
#lock-screen .signin-options a:first-child{
	margin-left: 0px;
}
#lock-screen .signin-options a img{
	opacity: .4;
}
#lock-screen .signin-options a:hover, #lock-screen .signin-options a.selected{
	background: #fff;
	border: solid 1px #2e2e2e;
}
#lock-screen .signin-options a:hover img, #lock-screen .signin-options a.selected img{
	opacity: 1;
}
#lock-screen .widget-wrap{
	float: right;
	position: fixed;
	right: 0;
	top: 0;
	width: 294px;
}
#lock-screen .widget-wrap .time-clock{
	float: left;
	width: 100%;
}
#lock-screen .widget-wrap .time-clock h4{
	color: #eaeaea;
	float: left;
	font-size: 84px;
	font-weight: 300;
	line-height: 86px;
	padding: 2% 0% 0 0;
	text-align: right;
	width: 98%;
}
#lock-screen .widget-wrap .time-clock p{
	color: #eaeaea;
	float: left;
	font-size: 30px;
	font-weight: 100;
	line-height: 32px;
	padding: 0 4% 0 0;
	text-align: right;
	width: 96%;
}
#lock-screen .widget-wrap .normal-notifications{
	float: right;
	width: 251px;
}
#lock-screen .widget-wrap .normal-notifications ul{
	float: right;
	left: 4%;
	margin-top: 13px;
	width: 96%;
}
#lock-screen .widget-wrap .normal-notifications ul li{
	background: rgba(255, 255, 255, .8);
	height: 40px;
	margin-bottom: 1px;
	width: 100%;
}
#lock-screen .widget-wrap .normal-notifications ul li a span{
	float: left;
	height: 40px;
	margin-right: 15px;
	text-align: center;
	width: 46px;
}
#lock-screen .widget-wrap .normal-notifications ul li a span.bg-green{
	background: #42a12c;
}
#lock-screen .widget-wrap .normal-notifications ul li a span.bg-blue{
	background: #3aa2e1;
}
#lock-screen .widget-wrap .normal-notifications ul li a span.bg-orange{
	background: #fd6e29;
}
#lock-screen .widget-wrap .normal-notifications ul li a span img{
	margin: 0 auto;
	position: relative;
}
#lock-screen .widget-wrap .normal-notifications ul li a{
	color: #707070;
	float: left;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	position: relative;
	transition: all .3s;
	width: 100%;
	pointer-events: none;
	cursor: default;
}
#lock-screen .widget-wrap .normal-notifications ul li a:hover{
	color: #000;
}
#lock-screen .realtime-notifications{
	background: #3aa7be;
	border: solid 1px #0088a5;
	cursor: pointer;
	float: right;
	margin-top: 48px;
	min-height: 58px;
}

#lock-screen .lock-tip-box{
	width: 60px;
	padding-bottom: 5px;
	height: 60px;
	overflow: hidden;
}
#lock-screen .lock-tip-box .notification-panel{
	display: none;
}
#lock-screen .realtime-notifications .tips-img{
	float: left;
	padding: 10px;
}
#lock-screen .realtime-notifications .rlnt-head{
	color: #fff;
	font: 400 15px/16px "Roboto", sans serif;
	margin: 10px 0px 2px 0px;
}
#lock-screen .realtime-notifications p{
	color: #fff;
	font: 300 12px/14px "Roboto", sans serif;
}
#lock-screen .lock-footer{
	bottom: 4%;
	float: left;
	position: fixed;

	width: 100%;
}
#lock-screen .lock-footer .lock-logo{
	margin-left: 1%;
	max-width: 100%;
}
#lock-screen .lock-footer p{
	color: #f6f6f6;
	float: right;
	font-size: 14px;
	font-weight: 300;
	line-height: 40px;
	margin-right: 1%;
}
#lock-screen .lock-footer p a:hover{
	opacity: .7;
}
@media (max-width: 1508px)
{
	#lock-screen .login-wrap	{
		margin-left: 25%;
	}
	#lock-screen .widget-wrap	{
		width: 300px;
	}
	#lock-screen .widget-wrap .normal-notifications	{
		float: right;
		height: 135px;
		width: 100%;
	}
	#lock-screen .widget-wrap .normal-notifications ul li	{
		display: block;
	}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){
	#lock-screen .body{
		height: 700px;
	}
	#lock-screen .login-wrap{
		margin-left: 15%;
	}
	#lock-screen .widget-wrap{
		width: 280px;
	}
	#lock-screen .login-main-wrapper{
		float: left;
		margin-left: 26%;
		margin-top: 17%;
	}
	#lock-screen .widget-wrap .time-clock h4{
		color: #fff;
		float: left;
		font-size: 80px;
		font-weight: 300;
		line-height: 80px;
		padding: 2% 0% 0 0;
		text-align: right;
		width: 100%;
	}
	#lock-screen .widget-wrap .time-clock p{
		color: #fff;
		float: left;
		font-size: 24px;
		font-weight: 300;
		line-height: 24px;
		padding: 0 3% 0 0;
		text-align: right;
		width: 97%;
	}

	#lock-screen .switch-wrapper .notification-tip{
		bottom: -12px;
	}
	#lock-screen .login-wrap .credential-cntnr input[type="password"]{
		font:normal 400 30px/30px "arial", sans serif;
		border-radius: 0px;
	}
	#lock-screen img{
		top:-1px;
		position: relative;
	}
	#lock-screen .error-wrapper::before{
		margin-top: -11px;
	}

}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait)
{
	#lock-screen .login-main-wrapper{
		margin-top: 40%;
		margin-left: 20%;
	}

}
