.qnvx-dialog-wrapper {
	position: fixed;
	top: 0px;
	height: 100%;
	width: 100%;
	left: 0px;
	background-color: #0000004d;
	z-index: 999;
}

.qnvx-dialog-wrapper .qnvx-dialog {
	width: 300px;
    background-color: #fff;
    margin: auto;
    margin-top: 100px;
    border: 1px solid #c3c3c3;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 4px 9px grey
}

.qnvx-dialog-wrapper .qnvx-dialog .qnvx-dialog-head {
	background-color: #e8e8e8;
    padding: 5px 10px;
    border-bottom: 1px solid #c3c3c3;
    color: #333;
    overflow: hidden;
}

.qnvx-dialog-wrapper .qnvx-dialog .qnvx-dialog-body {
	background-color: #fff;
    padding: 10px;
    color: #333;
    text-align: center;
}

.qnvx-dialog-wrapper .qnvx-dialog .qnvx-dialog-foot {
	border-top: 1px solid #c3c3c3;
	background-color: #f1f1f1;
    padding: 5px 10px;
    color: #333;
    text-align: right;
}

.qnvx-dialog-wrapper .qnvx-dialog .qnvx-dialog-btn {
	border: 1px solid #a0a0a0;
    background-color: #cacaca;
    padding: 5px 10px;
    border-radius: 3px;
    color: #333;
    margin-left: 5px;
    text-decoration: none;
    display: inline-block;
}

.qnvx-dialog-wrapper .qnvx-dialog .qnvx-dialog-input {
    border: 1px solid #a0a0a0;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    color: #333;
    float: left;
}

.qnvx-dialog-wrapper .qnvx-dialog .qnvx-dialog-close {
    float: right;
    padding: 0px;
    background-color: transparent;
    border: none;
    color: #989898;
}