
.lm-ui-dialog {

	width: 72%;
	max-width: 270px;
	position: relative;
	border-radius: 4px;
	background-color: #FFF;

	.dialog-head {

		text-align: center;
	    padding: 28px 28px 10px;
		font-size: 16px;
		color: #333;

	}

	.header-close {

	    position: absolute;
	    top: 3px;
	    right: 0;
	    width: 40px;
	    height: 40px;
	    background: url(./icon-dialog-close.png) no-repeat center;
		background-size: 12px 12px;
	}

	.head-confirm {
		position: relative;
	    text-align: left;
	    padding: 14px;
	    margin-bottom: 1px;

	    &::after {
	    	position: absolute;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    height: 1px;
		    background-color: #e6e6e6;
		    content: '';
		    -webkit-transform: scaleY(0.5);
		    transform: scaleY(0.5);
	    };
	}

	.dialog-content {

		padding: 0 28px 15px;
	    text-align: left;
	    min-height: 50px;
	    color: #666;
	    line-height: 1.6;
	    font-size: 14px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	    -webkit-box-align: center;
	    align-items: center;

	}

	.dialog-btns {

		position: relative;
		display: flex;
		flex-direction: row;
    	justify-content: center;
    	align-items: center;

		&::before {

			position: absolute;
		    left: 0;
		    right: 0;
		    top: 0;
		    height: 1px;
		    background-color: #e6e6e6;
		    content: '';
		    -webkit-transform: scaleY(0.5);
		    transform: scaleY(0.5);

		};

	}

	.dialog-btn {

		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: block;
		padding: 14px;
		text-align: center;
		font-size: 16px;
		border-right: 1px solid #e6e6e6;
		color: #333;

		&:last-of-type {

			border-right: 0;

		}

	}

	.special { color: #ff552e; }


	.dialog-prompt-content {
		margin: 10px 0 100px;
		overflow: auto;
		max-height: 70%;
		max-height: calc(100% - 82px - 81px);
		display: block;
	}

	.dialog-btn-prompt {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 82px;

		&::before {
			content: initial;
		};
	}

	.dialog-btn-prompt .dialog-btn {
		position: absolute;
		padding: 0;
		top: 10px;
	    width: 22px;
	    height: 22px;
	    background: url(./icon-dialog-close.png) no-repeat center;
		background-size: 22px 22px;
		
	}

	.header-form-title {
		position: relative;
		text-align: left;
		padding: 12px;

		&::after {
			content: "";
			position: absolute;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    height: 1px;
		    background-color: #e6e6e6;
		    content: '';
		    -webkit-transform: scaleY(0.5);
		    transform: scaleY(0.5);
		};
    }

    .dialog-header-prompt .header-form-title {
    	text-align: center;
    }

    .dialog-header-prompt, .dialog-header-form {
    	padding-bottom: 0;
    }
	

}

.lm-ui-dialog-full {  
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: inherit;
    max-width: inherit;
	background: rgba(255, 255, 255, 0.9); 
}

