.api_modal_overlay{position:fixed;width:100%;height:100%;z-index:1100;background:#000;opacity:.4;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_modal{position:fixed;margin:0;padding:0;z-index:1101;display:none;overflow-y:auto;left:0;right:0;top:0;bottom:0;}
.api_modal .api_modal_body > :last-child,
.api_modal .api_modal_header > :last-child,
.api_modal .api_modal_footer > :last-child{margin-bottom:0 !important;}
.api_modal.api_active{display:flex;justify-content:center;align-items:center;}
.api_modal .api_modal_dialog{
  position:relative;
  display:flex;
  align-items:center;
  width:auto;
  max-width:calc(100% - 1rem);
  min-height:calc(100% - 1rem);
  height:calc(100% - 1rem);
}
@media (min-width:576px){
  .api_modal .api_modal_dialog{
    height:calc(100% - 3.5rem);
  }
}
.api_modal .api_modal_content{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  max-height:100%;
  overflow:hidden;
  background:var(--bs-body-bg);
  text-shadow:none;
  -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_modal .api_modal_header{
  display:flex;
  flex-shrink:0;
  align-items:center;
  justify-content:space-between;
  padding:10px 20px;font-size:18px;font-weight:bold;line-height:normal;text-align:left;
}
.api_modal .api_modal_buttons,
.api_modal .api_modal_footer{
  display:flex;
  flex-wrap:wrap;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  padding:10px;
}
.api_modal .api_modal_body{flex:1 1 auto;overflow-y:auto;margin:0;padding:20px;}
.api_modal .api_modal_icon{display:block;height:40px;min-width:40px;background-size:contain !important;}
.api_modal .api_modal_title{font-size:20px;text-align:center;font-weight:bold;display:block;}
.api_modal .api_modal_input{}
.api_modal .api_modal_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_modal .api_icon_close{position:absolute;top:5px;right:5px;line-height:25px;width:25px;cursor:pointer;text-align:center;color:var(--bs-body-color);background:transparent;border:0;padding:0;font-family:Arial, sans-serif;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.api_modal .api_icon_close:hover,
.api_modal .api_icon_close:active{
  background:var(--bs-secondary-bg);
  /* background:#eff0f1; */
}
.api_modal .api_modal_body > *{margin:0 0 16px;}
.api_modal .api_modal_body 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_modal .api_modal_body .overflow{
  text-align:left;
  overflow-y:auto;
  height:calc(100vh - 230px);
  border:1px solid #cdd0d4;
  padding:10px 15px 10px 10px;
  font-size:calc(14px + 2 * ((100vw - 320px) / (1320 - 320)));
  -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
}
.api_modal_left .api_modal_dialog{text-align:left;}
.api_modal_center .api_modal_dialog{text-align:center;}
.api_modal_m .api_modal_dialog{width:260px;}
.api_modal_sm .api_modal_dialog{width:350px;}
.api_modal_md .api_modal_dialog{width:500px;}
.api_modal_lg .api_modal_dialog{width:800px;}
.api_modal_xl .api_modal_dialog{width:1140px;}
.api_modal_full .api_modal_dialog{width:100vw;max-width:none;height:100%;margin:0;}
/**/
.api_modal_info .api_modal_icon{background:url("images/alert/info.svg") no-repeat 50% 50%;}
.api_modal_success .api_modal_icon{background:url("images/alert/check.png") no-repeat 50% 50%;}
.api_modal_warning .api_modal_icon{background:url("images/alert/warn.svg") no-repeat 50% 50%;}
.api_modal_danger .api_modal_icon{background:url("images/alert/error.png") no-repeat 50% 50%;}
.api_modal .api_modal_busy{cursor:wait !important;min-height:5px;background:url("images/button/busy.gif") no-repeat 50% 50% transparent;}
.api_modal .api_modal_wait{position:absolute;left:0;top:0;right:0;bottom:0;cursor:wait !important;background:url("images/button/busy.gif") no-repeat 50% 50% rgba(255, 255, 255, .8);}
.api_modal button{text-shadow:none;}
@media (max-width:767px){
  /*.api_modal .api_modal_dialog{width:auto !important;margin:10px auto !important;}*/
  .api_modal .api_modal_header{font-size:1rem}
}
.api_modal_buttons .api_btn{margin:0 .25rem}
/**/
.api_modal_type_modal .api_modal_header{border-bottom:1px solid rgba(0, 0, 0, .1);}
.api_modal_type_modal .api_modal_footer{border-top:1px solid rgba(0, 0, 0, .1);}