.dialog {
    position: absolute;
    background: #fff;
    padding-bottom: 6px;
    border: 1px solid #b1b1b1;
    min-width: 400px;
    min-height: 80px;
    z-index: 1200;
}

    .dialog .dialog-container {
        background: lightgray;
    }

    .dialog .dialog-title {
		color:#81AFD0;
        height: 40px;
        line-height: 40px;
        font-weight: 600;
        background: #F3F3F3;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.2em;
        cursor: default;
        margin: 0 30px 0 0;
        padding: 0 6px;
    }

    .dialog .dialog-close {
        float: right;
        cursor: pointer;
        width: 30px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: url('/images/close.png') no-repeat 5px 10px #FFFFFF;
        background-size: 20px;
		opacity:0.7;
    }

        .dialog .dialog-close:hover {
            float: right;
			cursor: pointer;
			width: 30px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			background: url('/images/close.png') no-repeat 5px 10px #F3F3F3;
			background-size: 20px;
			opacity:1;
        }

    .dialog .dialog-filter {
        height: 65px;
        margin: 12px 10px 0 10px;
        /*background: #e6e6e6;*/
    }

        .dialog .dialog-filter .float {
            float: left;
            line-height: 30px;
            margin-right: 10px;
        }

        .dialog .dialog-filter .filter-button {
            padding: 0 10px;
            line-height: 28px;
            cursor: pointer;
            border: none;
            background: #d0d0d0;
        }

            .dialog .dialog-filter .filter-button:hover {
                background: #e0e0e0;
            }

            .dialog .dialog-filter .filter-button:focus {
                outline: none;
            }

        .dialog .dialog-filter div label {
            padding-right: 10px;
        }

    .dialog .dialog-line24 {
        margin: 0 10px;
        height: 24px;
        line-height: 24px;
    }

    .dialog .dialog-list {
        margin: 0 6px;
        /*background: #e9e9e9;*/
    }

        .dialog .dialog-list .dialog-list-table {
            width: 100%;
            overflow-y: scroll;
        }

        .dialog .dialog-list .dialog-list-head {
            height: 24px;
            line-height: 24px;
            border-bottom: 1px solid gray;
        }

.dialog-list-head {
    width: 100%;
}

    .dialog-list-head table {
        padding-right: 17px;
        width: 100%;
    }


.dialog .dialog-list .dialog-list-head th {
    text-align: left;
    line-height: 23px;
    border: 1px solid grey;
    background: #dce0e4;
    padding-left: 4px;
}

.dialog .dialog-function {
    margin: 10px 0;
}

    .dialog .dialog-function input {
        float: right;
        width: 70px;
        margin-right: 14px;
        padding: 0 10px;
        line-height: 28px;
        cursor: pointer;
        border: none;
        background: #428BCA;
		color:#FFF;
		border-radius:5px;
    }


        .dialog .dialog-function input:hover {
            background: #1B6AAA;
        }

        .dialog .dialog-function input:focus {
            outline: none;
        }

.dialog .dialog-function .CancelButton {
	float: right;
    width: 70px;
    margin-right: 14px;
    padding: 0 10px;
    line-height: 28px;
    cursor: pointer;
    border: none;
    background: #ABBAC3;
	color:#FFF;
	border-radius:5px;
}
	.dialog .dialog-function .CancelButton:hover {
            background: #8B9AA3;
        }

        .dialog .dialog-function .CancelButton:focus {
            outline: none;
        }
	
.dialog .dialog-one-function {
    margin: 10px 0;
    text-align: center;
}

    .dialog .dialog-one-function input {
        width: 80px;
        padding: 0 10px;
        line-height: 28px;
        cursor: pointer;
        border: none;
        background: #428BCA;
		color:#FFF;
		border-radius:5px;
    }

        .dialog .dialog-one-function input:hover {
            background: #1B6AAA;
        }

        .dialog .dialog-one-function input:focus {
            outline: none;
        }

		.dialog .dialog-one-function input {
        width: 80px;
        padding: 0 10px;
        line-height: 28px;
        cursor: pointer;
        border: none;
        background: #428BCA;
		color:#FFF;
		border-radius:5px;
    }

        .dialog .dialog-one-function input:hover {
            background: #1B6AAA;
        }

        .dialog .dialog-one-function input:focus {
            outline: none;
        }
.dialog .icon {
    width: 64px;
    height: 64px;
    float: left;
    background: gray;
    margin: 12px 20px;
}

.dialog .confirm {
    background: url('/images/dialog/question.png');
    background-size: 64px;
}

.dialog .alert {
    background: url('/images/dialog/warning.png');
    background-size: 64px;
}

.dialog .error {
    background: url('/images/dialog/error.png');
    background-size: 64px;
}

.dialog .info {
    background: url('/images/dialog/default.png');
    background-size: 64px;
}

.dialog .alert-message-box {
    /*float: left;*/
    margin: 24px 24px 24px 10px;
    min-height: 40px;
    word-wrap: break-word;
    white-space: pre-wrap;
    max-height: 500px;
    overflow-y: auto;
	color:#9A9A9A;
}

.dialog .alert-messages-box {
    margin: 24px 50px 24px 50px;
    word-wrap: break-word;
    white-space: pre-wrap;
	color:#9A9A9A;
}

.dialog .function-bar {
    padding: 6px 6px;
}

    .dialog .function-bar input {
        margin-left: 6px;
        padding: 0 10px;
        line-height: 24px;
        cursor: pointer;
        border: none;
        background: #d0d0d0;
    }

        .dialog .function-bar input:hover {
            background: #e0e0e0;
        }

        .dialog .function-bar input:focus {
            outline: none;
        }

.dialog .full-input {
    margin: 4px 0;
    padding: 0;
    line-height: 24px;
    height: 24px;
    width: 100%;
}

.dialog .dialog-list .dialog-list-table {
}

    .dialog .dialog-list .dialog-list-table td div {
        cursor: default;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        word-break: keep-all;
    }

    .dialog .dialog-list .dialog-list-table tr {
        line-height: 20px;
    }

        .dialog .dialog-list .dialog-list-table tr td {
            padding-left: 4px;
        }

        .dialog .dialog-list .dialog-list-table tr:hover {
            background: #f0f0f0;
        }

        .dialog .dialog-list .dialog-list-table tr.seled {
            background: #e0e0e0;
        }

            .dialog .dialog-list .dialog-list-table tr.seled .inp {
            }

    .dialog .dialog-list .dialog-list-table .inp {
        width: 100%;
        border: 1px solid rgba(0,0,0,0);
        background: none;
    }

        .dialog .dialog-list .dialog-list-table .inp:focus {
            outline: none;
            border: 1px solid #aaa;
            background: #fff;
        }

.maskbg {
    background: gray;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300%;
    z-index: 500;
}