.ui-page-login,
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
.area {
	margin: 20px auto 0px auto;
}

.mui-input-group {
	margin-top: 10px;
}

.mui-input-group:first-child {
	margin-top: 20px;
}

.mui-input-group label {
	width: 22%;
}

.mui-input-row label~input,
.mui-input-row label~select,
.mui-input-row label~textarea {
	width: 78%;
}

.mui-checkbox input[type=checkbox],
.mui-radio input[type=radio] {
	top: 6px;
}

.mui-btn {
	padding: 10px;
	border-radius:30px;
 	width:70%;
 	margin:0 auto;
 	line-height:1;
}

.link-area {
	display: block;
	margin-top: 25px;
	text-align: center;
}

.spliter {
	color: #bbb;
	padding: 0px 8px;
}

.oauth-area {
	position: absolute;
	bottom: 20px;
	left: 0px;
	text-align: center;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.oauth-area .oauth-btn {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-size: 30px 30px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px 20px;
	/*-webkit-filter: grayscale(100%); */
	border: solid 1px #ddd;
	border-radius: 25px;
}

.oauth-area .oauth-btn:active {
	border: solid 1px #aaa;
}

.oauth-area .oauth-btn.disabled {
	background-color: #ddd;
}

.mui-input-group:first-child {
    margin-top: 50px;
}
.mui-bar-nav~.mui-content {
   padding-top:50px;
}

.mui-input-group {
    padding-left: 15px;
    padding-right: 30px;
}

.mui-content-padded {
    margin: 0px;
    height:100px;
}

.footer {
    position: relative;
    bottom: 10px;
    width: 100%;
    min-height:10px;
    text-align: center;
    font-size: 14px;
    margin: 0 auto;
    z-index: 0;
    overflow: hidden;
 } 
 
 .mui-content {
 	position: absolute;
	width: 100%;
	height: 100%;
/* 	background: url(../images/login.jpg)no-repeat; */
	background-size: 100% 100%;
	z-index: 0;
	background: #FFF;
}

.mui-input-group:before {
    background-color: #fff;
}

.mui-input-group:after {
    background-color: #fff;
}

.mui-input-group .mui-input-row:after{
 	background-color:#c8c7cc5e;
 }
 
 .mui-input-row{
 	margin:0 auto;
 }
 
 
 .mui-bar{
 	background-color:#FFF !important;
 }
 .mui-bar-nav{
 	box-shadow:0 0px 0px #FFF !important;
 }
 
  .I_01{
 	height:20px;
 	width:20px;
 	margin-left:14px;
 	margin-top:11px;
 }
  .I_02{
 	height:80px;
 	width:80px;
 	margin-top:45px;
 }
  .logo_Div{
 	width:100%;
 	height:144px;
 	text-align:center;
 }
 
 input::-webkit-input-placeholder{
 	color:rgba(0, 0, 0, 0.23);
 }
 .titleStyle{
 	 width:100%;
 	 height:53px;
 	 text-align:center;
 	 line-height:53px;	
 }
 .app-title {
 	display:inline-block;
    font-size: 22px;
    margin:0 auto;
}
 
.mui-input-group .rylx:after{
	height:0px;
}