.api_alert *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.api_alert_active body{overflow: hidden !important;}
.api_alert{position: fixed;margin: 0;padding: 0;z-index: 9999999;display: none;overflow-y: auto; left: 0; right: 0; top: 0; bottom: 0;}
.api_alert_overlay{ position: fixed; width: 100%; height: 100%; z-index: 10000; background: #000; opacity: .2; filter: alpha(opacity=20); display: block; left: 0; top: 0; right: 0; bottom: 0; margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.api_alert_dialog{ margin: 30px auto; padding: 0; max-width: 100%; max-width: calc(100% - 20px); overflow: hidden; position: relative; background: #fff; color: #000; text-shadow: none; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.api_alert .api_alert_header{ padding: 12px 20px; font-size: 18px; font-weight: bold; line-height: normal; text-align: left; border-bottom: 1px solid #e5e5e5;}
.api_alert .api_alert_content{ font-size: 16px; padding: 15px 20px;}
.api_alert .api_alert_footer{ text-align: center; border-top: 1px solid rgba(0, 0, 0, .1); padding: 15px 20px;}
.api_alert .api_title{ font-size: 17px; text-align: center; font-weight: bold; margin: 0 0 15px; display: block;}
.api_alert .api_content{ margin: 15px 0;}
.api_alert .api_title + .api_content{margin-top: 10px;}
.api_alert .api_input{ margin: 15px 0;}
.api_alert .api_buttons{ margin: 25px 0 0;}
.api_alert .api_buttons button{ margin: 0 5px; text-transform: uppercase; text-shadow: none; font-size: 12px;}
.api_alert .api_input input{ height: auto; margin: 0; padding: 5px; width: 100%; border: 1px solid #ccd5db; background: #f8fafc; outline: none; font-family: inherit; font-size: inherit; line-height: inherit; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.api_alert .api_icon_close{ position: absolute; z-index: 9999; top: 0; right: 0; line-height: 25px; width: 25px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: #fff; background: rgba(255, 255, 255, .3); color: #000; border: 0; padding: 0;}
.api_alert .api_content textarea{ padding: 5px 10px; width: 100%; border: 1px solid #999; background: #fff; box-sizing: border-box; outline: 0; -moz-appearance: none; overflow: auto; display: block; max-width: 100%; min-width: 100%; max-height: 450px; min-height: 150px; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; font-family: inherit; font-size: 14px; line-height: 21px; color: #000;}
.api_alert .api_alert_content .api_alert_icon{margin-bottom: 15px;background-size: contain;display: block;height: 48px; min-width: 48px}
/*--- .api_alert_icon ---*/
.api_alert_success .api_alert_icon{background: url("images/alert/check.png") no-repeat 50% 50%;}
.api_alert_warning .api_alert_icon{background: url("images/alert/warn.svg") no-repeat 50% 50%;}
.api_alert_error .api_alert_icon{background: url("images/alert/error.png") no-repeat 50% 50%;}
.api_alert_info .api_alert_icon{background: url("images/alert/info.svg") no-repeat 50% 50%;}
.api_alert .api_alert_busy{cursor: wait !important;height: 5px;background: url("images/button/busy.gif") no-repeat 50% 50% transparent;}
/*--- Themes ---*/
/*--- jbox ---*/
.api_alert_theme_jbox.api_alert_info .api_alert_dialog{color: #fff; background: #07d;}
.api_alert_theme_jbox.api_alert_error .api_alert_dialog{color: #fff;background: #d00;}
.api_alert_theme_jbox.api_alert_warning .api_alert_dialog{color: #000;background: #fd0;}
.api_alert_theme_jbox.api_alert_success .api_alert_dialog{color: #fff;background: #5d0;}
.api_alert_theme_jbox .api_input input{color: #000}
.api_alert_theme_jbox .api_alert_header{border-bottom: 1px solid rgba(255, 255, 255, .3);}
/*--- dark ---*/
.api_alert_theme_dark .api_alert_dialog{color: #fff;background: #111;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.api_alert_theme_dark .api_icon_close{color: #fff;background: #333;}
/*--- Phone landscape and smaller ---*/
@media (max-width: 767px){
	.api_alert .api_alert_dialog{width: auto !important;margin: 10px auto !important;}
	.api_alert .api_alert_header{font-size: 16px}
	.api_alert_type_confirm .api_buttons button{padding: 0 5px}
}