/* DIALOGs
-------------------------------------------- */
.dialog { display: none; }
.dialog-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0.8; filter: alpha(opacity=80); z-index: 99; }
.dialog-window { position: fixed; top: 20%; left: 20%; right: 20%; bottom: 20%; background: #fff; opacity: 1; z-index: 100; border: 9px solid #f3f3f3; overflow: hidden; -moz-box-shadow: 0px 0px 70px #bbb; -webkit-box-shadow: 0px 0px 70px #bbb; box-shadow: 0px 0px 70px #bbb; padding: 0 0 60px; min-width: 500px; min-height: 300px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.dialog.small, .dialog.large { font-size: 1em !important; }
.dialog.small .dialog-window { top: 30%; left: 30%; right: 30%; bottom: 30%; min-width: 300px; min-height: 200px; }
.dialog.large .dialog-window { top: 10%; left: 5%; right: 5%; bottom: 10%; min-width: 700px; min-height: 400px; }
.dialog.width100px .dialog-window { width: 100px; min-width: 100px; }
.dialog.width150px .dialog-window { width: 150px; min-width: 150px; }
.dialog.width200px .dialog-window { width: 200px; min-width: 200px; }
.dialog.width250px .dialog-window { width: 250px; min-width: 250px; }
.dialog.width300px .dialog-window { width: 300px; min-width: 300px; }
.dialog.width350px .dialog-window { width: 350px; min-width: 350px; }
.dialog.width400px .dialog-window { width: 400px; min-width: 400px; }
.dialog.width450px .dialog-window { width: 450px; min-width: 450px; }
.dialog.width500px .dialog-window { width: 500px; min-width: 500px; }
.dialog.width550px .dialog-window { width: 550px; min-width: 550px; }
.dialog.width600px .dialog-window { width: 600px; min-width: 600px; }
.dialog.width650px .dialog-window { width: 650px; min-width: 650px; }
.dialog.height100px .dialog-window { height: 100px; min-height: 100px; }
.dialog.height150px .dialog-window { height: 150px; min-height: 150px; }
.dialog.height200px .dialog-window { height: 200px; min-height: 200px; }
.dialog.height220px .dialog-window { height: 220px; min-height: 220px; }
.dialog.height250px .dialog-window { height: 250px; min-height: 250px; }
.dialog.height300px .dialog-window { height: 300px; min-height: 300px; }
.dialog.height350px .dialog-window { height: 350px; min-height: 350px; }
.dialog.height400px .dialog-window { height: 400px; min-height: 400px; }
.dialog.height450px .dialog-window { height: 450px; min-height: 450px; }
.dialog.height500px .dialog-window { height: 500px; min-height: 500px; }
.dialog-window > form {height: 100%}
.dialog-buttons { position: absolute; bottom: 0; height: 55px; z-index: 101; width: 100% }
.dialog-content { height: 100%; overflow: auto; overflow-x:hidden;}
.dialog-content-indent { padding: 20px; }
.dialog-buttons-gradient { background: #fff; padding: 10px 10px 0; -moz-box-shadow: 0px -5px 5px #fff; -webkit-box-shadow: 0px -5px 5px #fff; box-shadow: 0px -5px 5px #fff; }
.wa-form .wa-field .wa-value .confirm-button {margin-top:10px;}
.send-code {background: linear-gradient(to top, #b5bdc8, #28343b) !important;}
.wa-form .wa-field .wa-value input.wa-error {border: 2px solid #FF0000 !important;}

/* Fix by WA-PRO for correct form output */
.user-phone {display: inline-block !important; margin-left: 15px !important; min-width: 200px !important;}
#s2id_country_phone {display: inline-block;}
.wa-form .wa-field .wa-value img.confirmed {position: relative; left: 15px; top: 3px;}