/* custom css */
div#qstbg {
    height: 257px;
    width: 473px;
    /*margin-right: 20px;*/
    margin-bottom: 10px;
}

div.quest div.questMiddle div#qstd, div.quest div.questMiddle div.rew {
    margin-bottom: 30px;
}

div.quest div.questMiddle div#qstd {
    width: 473px;
}

div#ce{
    position:fixed !important;
    direction: ltr !important;
    left:50%;
    top:118px;
    z-index:2001;
}

div.popup3.quest {
    background-color: white;
}

/*div.popup3.quest a {*/
/*    width: 18px;*/
/*    height: 18px;*/
/*    position: absolute;*/
/*    top: 7px;*/
/*    right: 16px;*/
/*    z-index: 3;*/
/*}*/

div.popup3.quest a img {
    width: 9px;
    height: 9px;
    position: relative;
    top: 12px;
    right: 12px;
    z-index: 3;
    background-image: url(../../img/q/close.png);
}

div.popup3.quest div.questTop {
    width: 513px;
    height: 8px;
    background-image: url(/img/q/whitePopupTop.png);
}

div#popup3 div#qstd {
    padding-left: 10px;
    padding-right: 10px;
    direction: ltr !important;
}

div#popup3 {
    margin-top: 5px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    direction: ltr;
}

a.qri {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.village1 map#rx area.good1 {
    top: 86px;
    right: 451px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good2 {
    top: 87px;
    right: 540px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good3 {
    top: 99px;
    right: 609px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good4 {
    top: 125px;
    right: 393px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good5 {
    top: 138px;
    right: 506px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good6 {
    top: 145px;
    right: 563px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good7 {
    top: 143px;
    right: 667px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good8 {
    top: 176px;
    right: 333px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good9 {
    top: 177px;
    right: 414px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good10 {
    top: 177px;
    right: 623px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good11 {
    top: 177px;
    right: 710px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good12 {
    top: 237px;
    right: 341px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good13 {
    top: 227px;
    right: 414px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}
.village1 map#rx area.good14 {
    top: 263px;
    right: 550px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good15 {
    top: 232px;
    right: 672px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good16 {
    top: 317px;
    right: 445px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good17 {
    top: 322px;
    right: 536px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.village1 map#rx area.good18 {
    top: 299px;
    right: 626px;
    position: absolute;
    z-index: 21;
    /* line-height: 23px; */
    /* cursor: pointer; */
    background-image: -webkit-linear-gradient(bottom, #7da100, #c7e94f 100%);
    border: 1px solid #506d00;
    background-color: #c7e94f;
    margin: 1px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}

.goodvillage {
    position: absolute ;
    z-index: 21 ;
    background-image: -webkit-linear-gradient(bottom, #aab502, #efff00 100%) !important;
    border: 1px solid #a19e00;
    background-color: #e0da00 ;
    margin: 1px ;
    width: 29px ;
    height: 29px ;
    border-radius: 50% ;
    box-shadow: inset 0 0 2px 0 white;
}

.border-custom:hover {
    border-radius: 50%;
    box-shadow: inset 0 0 2px 0 white;
}