/* inputBox-mobile */
.inputBox-mobile  {
	height: 2.48rem;
    line-height: 2.48rem;
	outline: 0;
	padding: 0 0.7rem 0 0.7rem;
	color: #333333;
	box-sizing: border-box;
	border-radius: 10px;
	font-size: 1rem;
	background-color: #ffffff;
	border-color: #d3d3d3;
	border-style: solid;
	border-width: 1px;
}
.inputBox-ip-container {
	border: solid 1px #d3d3d3;
    border-radius: 10px;
    text-align: center;
}
.inputBox-ip-container  .inputBox-mobile.inputBox-ip {
	width: 20%;
    border: none;
    background: transparent;
    text-align: center;
    border-radius: 0 0 0 0;
}
.inputBox-ip-container span {
	width: 0.2rem;
	height: 2.48rem;
    display: inline-block;
    line-height: 2.48rem;
    vertical-align: top;
}
.inputBox-mac-container {
	border: solid 1px #d3d3d3;
    border-radius: 10px;
    text-align: center;
}
.inputBox-mac-container  .inputBox-mobile.inputBox-mac {
	width: 2.5rem;
    border: none;
    padding: 0;
    background: transparent;
    text-align: center;
    border-radius: 0 0 0 0;
}
.inputBox-mac-container span {
    width: 0.4rem;
    height: 1.2rem;
    margin: 0 0.2rem;
    display: inline-block;
    line-height: 1.4rem;
    vertical-align: top;
    border-bottom: solid 1px #444;
}
/*.inputBox-mobile-div  .inputBox-mobile.inputBox-ip:first-of-type {
    border-left: solid 1px #d3d3d3;
    border-radius: 10px 0 0 10px;
}
.inputBox-mobile-div  .inputBox-mobile.inputBox-ip:last-of-type {
    border-right: solid 1px #d3d3d3;
    border-radius: 0 10px 10px 0;
}*/
.inputBox-mobile:focus {
	background-color: #ffffff;
}
.inputBox-mobile:disabled {
	background-color: rgba(0, 0, 0, 0.1);
}
.inputBox-mobile-div.disabled .inputBox-ip-container, .inputBox-mobile-div.disabled .inputBox-mac-container {
    background-color: rgba(0, 0, 0, 0.1);
}
.inputBox-mobile-div.disabled .inputBox-mac-container span {
    border-color: #b2b2b2;
}
.inputBox-mobile::-webkit-input-placeholder{
	color: #c5c5ca;
}
.inputBox-mobile::-moz-placeholder {
	color: #c5c5ca;
}

/* inputBox-mobile-div */ 
.inputBox-mobile-div .inputBox-mobile {
	width: 100%;
}
.inputBox-mobile-div {
	/*padding: 5px 15px 5px 15px;*/
	box-sizing: border-box;
}
/*disabled*/
.inputBox-mobile-div.disabled .inputBox-mobile-label label {
	/*color: #b2b2b2;*/
}
.inputBox-mobile-div.disabled .inputBox-mobile {
	color: #b2b2b2;
}

/* inputBox-mobile-label */
.inputBox-mobile-div .inputBox-mobile-label {
	line-height: 1.11rem;
	/*width: 100%;*/
	padding: 0 0 0.5rem 0;
	box-sizing: border-box;
}
.inputBox-mobile-div .inputBox-mobile-label label {
	font-size: 1rem;
	display: inline-block;
	/*width: 100%;*/
}

/* inputBox-mobile-following */
.inputBox-mobile-div .inputBox-mobile-following-div {
	width: 100%;
	display: table;
}
.inputBox-mobile-div .inputBox-mobile-following-div {}
.inputBox-mobile-div .inputBox-mobile-following-div .inputBox-mobile-following {
	display: table-cell;
	box-sizing: border-box;
	margin-left: 6px;
	text-align: right;
}
.inputBox-mobile-div .inputBox-mobile-following-div .inputBox-mobile-following.sz-s{
	width: 135px; 
}
.inputBox-mobile-div .inputBox-mobile-following-div .inputBox-mobile-following > span{
	margin: 8px 0px 8px 0px;
	display: inline-block;
}
.inputBox-mobile-div .inputBox-mobile-following-div .inputBox-mobile {
	display: table-cell;
}

/* inputBox-mobile-notice */
.inputBox-mobile-div .inputBox-mobile-notice {
	width: 100%;
	/*padding: 0 0 15px 0;*/
	box-sizing: border-box;
	margin-top: 8px;
}
.inputBox-mobile-div .inputBox-mobile-notice span {
	color: #b4b4b4;
	font-size: 13px;
}

/* inputBox-mobile-warning */
.inputBox-mobile-div .inputBox-mobile.warning-red {
	border-color: #c11c66
}
.inputBox-mobile-warning {
	width: 100%;
	margin: 0.3rem 0 0.1rem 0;
	box-sizing: border-box;
}
.inputBox-mobile-warning .icon{
	display: inline-block;
	float: left;
}
.inputBox-mobile-warning .text{
	display: block;
	overflow: hidden;
    font-size: 0.9rem;
    line-height: 1.5rem;
	color: #c11c66;
}

/* password-level */
.password-level {
	width: 100%;
	padding: 0;
	height: 13px;
	display: table;
	border-spacing: 3px;
	table-layout: fixed;
	margin-top: 10px;
	margin-bottom: 15px;
}
.password-level span{
	display: table-cell;
	background-color: #b2b2b2;
	font-size: 13px;
	color: #ffffff;
	text-align: center;
}
.password-level .low.lighted {
	background-color: #c11c66
}
.password-level .middle.lighted {
	background-color: #ffcb00
}
.password-level .high.lighted {
	background-color: #4acbd6
}
.password-level.disabled span{
	background-color: #cccccc
}