body.wzwidgetopen { overflow: hidden; }
.wz-box-wizard { text-align: center; width: 100%; position: fixed; font-family: "Open Sans",sans-serif; font-size: 15px; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; }
.wz-box-widget { width: 45%; border: 1px solid #ccc; /*position: absolute;*/ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); margin: 30px auto; background-color: #fff; }
.wz-box-header { text-align: left; background-color: #f6f7f9; border-bottom: 1px solid #ddd; padding: 10px; }
.wz-box-header .wz-box-close { float: right; }
.wz-box-header .wz-box-close a { text-decoration: none; color: #7f7f7f; padding: 0 5px; }
.wz-box-body { text-align: left; padding: 10px; margin-top: 10px; }
.wz-box-footer { text-align: left; padding: 10px; }
.wz_footer_content { border-top: 1px solid #ddd; padding-top: 10px; }
.wzbtn { -moz-user-select: none; background-image: none; border: 1px solid transparent; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 4px 15px; text-align: center; vertical-align: middle; white-space: nowrap; }
.wzbtn.wzgreen { background-color: #00695c; border-color: #00695c; color: #fff; }
.wzbtn.wzred { background-color: #dd4b39; border-color: #d73925; color: #fff; }
.flt-right { float: right; }
.wzhide { display: none; }
.wzvisihide { visibility: hidden; }
.wzbtn.btngrey { background-color: #f6f7f9; border-color: #ddd; color: #000; }
.wzoverlay.alert { background-color: #f6f7f9; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 1; }
.wz-informbox .wz-box-header { background: transparent; color: #fff; font-size: 22px; border-bottom: none; }
.wz-informbox .wz-box-header .wz-box-close a { color: #fff; }
.wz-informbox .wz-box-widget { background: transparent; border: none; box-shadow: none; }
.wz-informbox .wz-box-body { color: #fff; font-size: 16px; }
.wzoverlay.alert.wzinform { background-color: #000; opacity: 0.8; }

/* inline message css */
.wz-box-message { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); bottom: -100%;   padding-right: 30px; position: fixed; text-align: center; /*bottom: 11%;*/ width: 100%;z-index: 99999; font-family: "Open Sans",sans-serif; height: 60px; transition: all 400ms ease 0s; }
.wz-box-message .messenger { background-color: #ffcb05; color: #000; padding: 17px 35px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); }
.wz-box-message .messenger.danger{ background-color: #a94442; color: #fff; }
.wz-box-message .messenger.info{ background-color: #31708f; color: #fff; }
.wz-box-message .messenger.success{ background-color: #3c763d; color: #fff; }
.wz-box-message .messenger a { color: #fff; text-decoration: underline; }
.wz-box-message-open { bottom: 11%; }
.close_webbzone_message { cursor: pointer; }
.close_webbzone_message { box-shadow: 5px 3px 10px rgba(0, 0, 0, 0.2); padding: 17px 5px; }
.close_webbzone_message.danger{ background-color: #a94442; color: #fff; }
.close_webbzone_message.info{ background-color: #31708f; color: #fff; }
.close_webbzone_message.success{ background-color: #3c763d; color: #fff; }

/* loader css */
.wz-progress-panel{position: fixed; top: 0; left: 0; right: 0; z-index: 9999;}
.wz-progress-bar{position:relative;height:4px;display:block;width:100%;background-color:#b2dfdb;border-radius:2px;overflow:hidden;}
.wz-progress-bar .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#004d40;transition:width .3s linear;}
.wz-progress-bar .indeterminate{background-color:#004d40}
.wz-progress-bar .indeterminate:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}
.wz-progress-bar .indeterminate:after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}
@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}
@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}
@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}
@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}

@media (max-width:800px) {
    .wz-box-widget { width: 90%; }
}