/* ------------- 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;}

.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: 100px; 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: 85px;}
/* ------------- Dialog End ----------- */

.btn {background-color: #3994bf !important; padding: 7px 10px !important; border: 0 !important; cursor: pointer; color: #fff !important;}
.btn:hover {background-color: #2582ae !important;}
.btnActive {background-color: #FF8833 !important; padding: 7px 10px !important; border: 0 !important; cursor: pointer; color: #fff !important;}
.btnActive:hover {background-color: #CC8800 !important;}


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


/* RTL layout --------------------- */
html[dir="rtl"] .dialogClose {right: auto; left: -13px;}
/* End RTL ------------------------ */