@charset "utf-8";

.mfp-bg {
    z-index: 9998 !important;
}

.mfp-wrap {
    z-index: 9999 !important;
}

.mfp-content {
    background-color: #fff;
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    padding: 3em;
}

.mfp-content .mfp-close {
    font-weight: normal;
}

.mfp-content .heading {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    padding-bottom: .3em;
}

.mfp-content .heading span {
	font-size: 0.7em;
	color: #999;
}

.mfp-content .content {
    padding-bottom: 1.5em;
}

.mfp-content .content>div {
    display: inline-block;
    margin-right: 1em;
}

.mfp-content .content>div input {
    cursor: pointer;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
}

.mfp-content .content>div label {
    cursor: pointer;
    font-size: 16px;
    padding-left: .5em;
}

.mfp-content .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.mfp-content .btn button {
    display: block;
    font-size: 18px;
    border: #333 1px solid;
    width: 10em;
    margin: 0 1em;
    padding: 1em;
}

.mfp-content .btn .resetBtn {
    background-color: #fff;
}

.mfp-content .btn .searchBtn {
    background-color: #333;
    color: #fff;
}