/* ------------- Dialog Begin ----------- */
.dialog {} /* Do not remove - Useful class to mark all dialogs */
.dialogOverall, .dialogConfirmOverall {position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0); z-index: 99999; display: none;}
.dialogBox, .dialogConfirmBox {position: fixed; top: 0; bottom: 110px; left: 0; right: 0; margin: auto; background-color: #F1FAF7; width: 350px; height: 150px; padding: 1px; border-radius: 10px;}
.dialogMsg, .dialogConfirmMsg {display: table-cell; width: 350px; height: 148px; padding: 15px 15px 60px 15px; background-color: #F1FAF7; text-align: center; vertical-align: middle; border-radius: 8px;}

.dialogAutoBox {position: fixed; top: 0; bottom: 110px; left: 0; right: 0; margin: auto; width: 350px; height: 100px; padding: 1px; border-radius: 10px;}
.dialogAutoMsg {display: inline-block; padding: 30px 50px; background-color: #DFFFED; text-align: center; vertical-align: middle; border-radius: 8px;}

.dialogPopupOverall {position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 99999; display: none;}
.dialogPopupBox {position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 350px; max-width: 90%; height: 150px; border-radius: 10px; z-index: 99999;}
.dialogPopupMsg {width: 100%; height: 100%; padding: 13px 5px 5px 5px; background-color: #fff; border-radius: 8px; position: absolute !important;}
.dialogPopupMsg iframe {width: 100%; height: 100%; background-color: #fff; border: 0 !important;}

.dialogDivOverall {position: fixed; overflow: auto; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 99999; display: none;}
.dialogDivBox {position: absolute; top: 0; bottom: 110px; left: 0; right: 0; margin: auto; background-color: #F1FAF7; width: 350px; height: 150px; padding: 1px; border-radius: 10px;}

.dialogDivPop {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 560px; max-width: 92%; padding: 1px; /*line-height: 396px;*/}
.dialogDivPop img {max-width: 100%; max-height: 100%;}

.transferEffect {border: #ACACAC 1px dotted; background-color: rgba(254,255,232,0.5); border-radius: 5px;}
.dialogClose {position: absolute; top: -10px; right: -6px; width: 24px; height: 24px; background: url(../images/close1.png) center center no-repeat; cursor: pointer; z-index: 999999999;}
.dialogCloseAds {position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; background: url(../images/close2.png) center center no-repeat; background-size: cover; cursor: pointer; z-index: 999999999;}

.dialogBtn {display: block; width: 100%; position: absolute; left: 0; bottom: 20px; text-align: center;}
.dialogBtn button {display: inline-block; min-width: 85px; padding: 4px 10px; font-size: 13px; border-radius: 3px;
	border: #cccccc 1px solid;
	background-color: #f3f3f3;
	color: #585858;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.dialogBtn button:hover {background-color: #e1e1e1;}
.dialogBtn .smallBtn {min-width: 75px;}
/* ------------- Dialog End ----------- */

/*.dialogPopupMsg {-webkit-overflow-scrolling: touch; overflow-y: scroll;}*/