@import "../public/public.less";
@import "../public/header.less";

//生成绑定二维码
.qrcodeHelp{
	margin: 30px 30px 0;
	li{
		color: @QRCODEHELP-TEXT-COLOR;
		font-size: @QRCODEHELP-TEXT-FONTSIZE;
        padding-left: 12px;
        text-indent: -12px;
        line-height: 18px;
    	margin-bottom: 28px;
        &:first-child{
        	color: inherit;
        	font-size: @QRCODEHELP-TITLE-FONTSIZE;
			margin-bottom: 18px;
        }
        &:last-child{
            padding-left: 0;
            text-indent: 0;
        }	
        p{
            width: 200px;
            height: 200px;
            margin: 0 auto;
            border: 1px solid;/*no*/
        }
	}
}

.u-button();

.custom-button{
	.button();
    .buttonPosition();
}

//门锁管理
.grid-list{
    position: absolute;
    top: 44px;
    bottom: 138px;
    left: 0;
    width: 100%;
    overflow: auto;
}

.grid-list-scroll{
    .grid-list-row{
        margin: 10px;
        border: 1px solid @GRIDLIST-COMPONENT-ROW-BORDER;/*no*/
        border-radius: 5px;
        .grid-list-handle{
            height: 56px;
            position: relative;
            .display-box();
            .box-vertical-alignment();
            padding: 0 12px;
            .grid-list-left-image{
                width: 26px;
                height: 26px;
                margin-right: 5px;
            }
            div{
                .flex();
                min-width: 0;
            }
            .grid-list-title{
                font-size: @GRIDLIST-COMPONENT-TITLE-FONTSIZE;
                .text_oneRow_ellipsis();
            }
            .grid-list-right-icon{
                .iconfont(@GRIDLIST-COMPONENT-DEFAULTICON-FONTSIZE);
                .transform(rotate(180deg));
            } 
            &:after{
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 1px;/*no*/
                .white_gradient_border();
            }   
        }
        .grid-list-content{
            height: 42px;
            display: table;
            width: 100%;
            table-layout: fixed;
            .grid-list-button{
                display: table-cell;
                vertical-align: middle;
                .grid-list-button-bg{
                    width: 30px;
                    height: 30px;
                    text-align: center;
                    color: @GRIDLIST-COMPONENT-BUTTON-ICON-COLOR;
                    border: 1px solid;/*no*/
                    border-radius: 50%;
                    .iconfont(@GRIDLIST-COMPONENT-BUTTON-ICON-FONTSIZE,30px);
                    display: inline-block;
                }
                &:nth-child(1){
                    padding-left: 16px;
                }
                &:nth-child(2){
                    padding-left: 25px;
                }
                &:nth-child(3){
                    padding-left: 34px;
                }
                &:nth-child(4){
                    text-align: right;
                    padding-right: 16px;
                }
            }
        }
    }
}

.grid-list-load{
    .listLoad();
    text-align: center;
}

.grid-list-tip{
    .transformV_center(left,0);
    width: 100%;
    text-align: center;    
    .listNoCont();
}

//修改名称
.u-text();

.custom-editName-text{
    input{
        font-size: @CUSTOM-EDITNAMETEXT-COMPONENT-INPUT-FONTSIZE;
        padding-left: 46px;
        &::-webkit-input-placeholder{
            color: @CUSTOM-TEXT-COMPONENT-INPUT-PLACEHOLDER-COLOR;
        }
    }
    //x icon
    .u-text-clear{
        right: 41px;
        &:before{
            content: '\e601';
            font-family: iconfont;
            color: @CUSTOM-TEXT-COMPONENT-DEFAULTICON-COLOR;
            font-size: @CUSTOM-EDITNAMETEXT-COMPONENT-DEFAULTICON-FONTSIZE;
        }            
    }
    &:after{
        .white_gradient_border();
    }    
}

.errorTip{
    .errorTip();
}

.unbindState-dialog{
    .mask();
}