/* ------------- 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: #F0F0F0; width: 350px; max-width: 90%; height: 150px; padding: 1px; border-radius: 15px;}
.dialogMsg, .dialogConfirmMsg {display: table-cell; width: 350px; max-width: 90%; height: 148px; padding: 15px 15px 60px 15px; background-color: #F0F0F0; text-align: center; vertical-align: middle; border-radius: 10px;}

.dialogPopupOverall {position: fixed; 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;}
.dialogPopupBox {position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 350px; max-width: 90%; height: 150px; border-radius: 15px;}
.dialogPopupMsg {width: 100%; height: 100%; padding: 13px 5px 5px 5px; background-color: #fff; border-radius: 10px;}
.dialogPopupMsg iframe {width: 100%; height: 100%; background-color: #fff;}

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

.dialogDivOverall a, .dialogMsg a {color: #087cce !important;}

.transferEffect {border: #ACACAC 1px dotted; background-color: rgba(254,255,232,0.5); border-radius: 10px;}
.dialogClose {position: absolute; top: -13px; right: -13px; width: 32px; height: 32px; background: url(../images/close.png) center center no-repeat; background-size: cover; cursor: pointer; z-index: 9999999999;}

.dialogBtn {display: block; width: 100%; position: absolute; left: 0; bottom: 20px; text-align: center;}
.dialogBtn button {display: inline-block; min-width: 85px; padding: 5px 10px; font-size: 13px; border-radius: 10px;
	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 ----------- */

/* Important for iOS browser */
.dialogPopupMsg {-webkit-overflow-scrolling: touch; /*overflow-y: scroll;*/}