.api_btn::-moz-focus-inner{ border:0;padding:0;}
.api_btn{
  margin:0;
  font:inherit;
  line-height:19px;
  overflow:hidden;
  padding:8px 16px; /* 8px 20px -> 8px 16px */
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
  outline:none !important;
  border:2px solid transparent;
  letter-spacing:.25px;
  display:-ms-inline-flexbox;
  display:inline-flex;
  /* flex:0 0 auto; */
  align-items:center;
  -ms-flex-align:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
  -webkit-transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -moz-transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -ms-transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -o-transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  /*-moz-transition:box-shadow .28s cubic-bezier(0.4, 0.0, 0.2, 1);transition:box-shadow .28s cubic-bezier(0.4, 0.0, 0.2, 1);*/
  /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
  /*-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;*/
}
.api_btn:not(:disabled){
  cursor:pointer;
}
.api_btn{
  color:#000;
  background-color:#f0f2f5;
  border-color:#f0f2f5;
}
.api_btn:hover,
.api_btn:focus{
  color:#000;
  background-color:#e7eaee;
  border-color:#e7eaee;
  text-decoration:none;
}
.api_btn:active,
.api_btn.api_active{
  color:#000;
  background-color:#e7eaee;
  border-color:#e7eaee;
  -webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, .05);-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, .05);box-shadow:0 0 3px 0 rgba(0, 0, 0, .05);
  -webkit-transform:scale(.98);-moz-transform:scale(.98);-ms-transform:scale(.98);-o-transform:scale(.98);transform:scale(.98);
  -webkit-transition:transform .1s ease-in-out;-moz-transition:transform .1s ease-in-out;-ms-transition:transform .1s ease-in-out;-o-transition:transform .1s ease-in-out;transition:transform .1s ease-in-out;
}

/* base styles */
/*
.api_btn_primary{background-color:#007bff;color:#fff;border-color:#007bff;}
.api_btn_primary:hover,
.api_btn_primary:focus{background-color:#1a73e8;color:#fff;border-color:#1a73e8;}
.api_btn_primary:active,
.api_btn_primary.api_active{color:#fff;background-color:#0062ca;border-color:#005cbe;box-shadow:0 0 3px 0 rgba(37, 143, 255, .5);}
.api_btn_primary.api_btn_outline{color:#005cbe;background-color:#fff;border-color:#005cbe;}
*/
/* template styles */
.api_btn_primary{background-color:var(--bs-blue);color:#fff;border-color:var(--bs-blue);}
.api_btn_primary:hover,
.api_btn_primary:focus{background-color:#0066a9;color:#fff;border-color:#0066a9;}
.api_btn_primary:active,
.api_btn_primary.api_active{color:#fff;background-color:#035283;border-color:#035283;box-shadow:0 0 3px 0 rgba(37, 143, 255, .5);}
.api_btn_primary.api_btn_outline{color:#0066a9;background-color:#fff;border-color:#0066a9;}

.api_btn_success{color:#fff;background-color:#5cb85c;border-color:#5cb85c;}
.api_btn_success:hover,
.api_btn_success:focus{color:#fff;background-color:#48a648;border-color:#449d44;}
.api_btn_success:active,
.api_btn_success.api_active{color:#fff;background-color:#449d44;border-color:#409440;box-shadow:0 0 3px 0 rgba(92, 184, 92, .5);}
.api_btn_success.api_btn_outline{color:#449d44;background-color:#fff;border-color:#449d44;}

.api_btn_warning{color:#fff;background-color:#faa05a;border-color:#faa05a;}
.api_btn_warning:hover,
.api_btn_warning:focus{color:#fff;background-color:#fa9333;border-color:#fa9333;}
.api_btn_warning:active,
.api_btn_warning.api_active{color:#fff;background-color:#fa7a00;border-color:#fa7a00;box-shadow:0 0 3px 0 rgba(250, 160, 90, 0.5);}
.api_btn_warning.api_btn_outline{color:#fa7a00;background-color:#fff;border-color:#fa7a00;}

.api_btn_danger{color:#fff;background-color:#dc3545;border-color:#dc3545;}
.api_btn_danger:hover,
.api_btn_danger:focus{color:#fff;background-color:#c82333;border-color:#c82333;}
.api_btn_danger:active,
.api_btn_danger.api_active{color:#fff;background-color:#c82333;border-color:#c82333;box-shadow:0 0 3px 0 rgba(225, 83, 97, 0.5);}
.api_btn_danger.api_btn_outline{color:#c82333;background-color:#fff;border-color:#c82333;}

.api_btn_light{color:#212529;background-color:#ddd;border-color:#ddd;}
.api_btn_light:hover,
.api_btn_light:focus{color:#212529;background-color:#cacaca;border-color:#c4c4c4;}
.api_btn_light:active,
.api_btn_light.api_active{color:#212529;background-color:#c4c4c4;border-color:#bdbdbd;box-shadow:0 0 3px 0 hsla(0, 0%, 86.7%, .5);}
.api_btn_light.api_btn_outline{color:#ddd;background-color:transparent;border-color:#ddd;}

.api_btn_dark{color:#fff;background-color:#1b1c1d;border-color:#1b1c1d;}
.api_btn_dark:hover,
.api_btn_dark:focus{color:#fff;background-color:#27292a;border-color:#1b1c1d;}
.api_btn_dark:active,
.api_btn_dark.api_active{color:#fff;background-color:#000;border-color:#000;box-shadow:0 1px 2px 0 rgba(60, 64, 67, 1), 0 1px 3px 1px rgba(60, 64, 67, 0.149);}
.api_btn_dark.api_btn_outline{color:#000;background-color:#fff;border-color:#000;}

/* base styles */
/*.api_btn_link{color:#007bff;background-color:transparent;border-color:transparent;}*!*/
/* template styles */
.api_btn_link{color:var(--bs-link-color);background-color:transparent;border-color:transparent;}
.api_btn_link .api_btn_label{border-bottom:1px solid;display:inline-block}
.api_btn_link:hover,
.api_btn_link:focus{color:var(--bs-link-hover-color);background-color:transparent;border-color:transparent;}
.api_btn_link:active,
.api_btn_link.api_active{background-color:transparent;border-color:transparent;box-shadow:none;}
.api_btn_text{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  outline:0;
  border:0 transparent;
  text-decoration:none;
  cursor:pointer;
  font:inherit;
  white-space:nowrap;
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
.api_btn_column{
  display:-ms-inline-flexbox;
  display:inline-flex;
  flex-direction:column !important;
  align-items:center;
  -webkit-appearance:none;
  text-decoration:none;
  outline:none !important;
  padding:5px calc(8px + 2 * ((100vw - 320px) / (1320 - 320)));
  border:0;
  background:transparent;
  color:var(--bs-blue);
  cursor:pointer
}
.api_btn_column:hover{color:var(--bs-red);}
.api_btn_column > *{margin-left:0 !important;margin-right:0 !important;}
.api_btn_column > :last-child{margin-top:4px;}
.api_btn_column[readonly],
.api_btn_column[disabled]{color:var(--bs-blue);opacity:.5;cursor:default;}

/*
.api_btn_grey{ background:#e0e1e2;color:#444;}
.api_btn_grey:hover,
.api_btn_grey:focus{ background:#cacbcd;color:#222;border-color:rgba(0, 0, 0, 0.1);}
.api_btn_grey:active,
.api_btn_grey.api_active{ background:#babbbc;color:#222;}
*/

.api_btn:active{cursor:default !important;}
.api_btn:disabled,
.api_btn[disabled]{background:#fafafa !important;color:#999 !important;border-color:#ddd !important;}

/* OLD */
/*.api_btn_m{padding:4px 12px;}*/
.api_btn_sm{padding:7px 16px;}
.api_btn_md{padding:8px 20px;}
.api_btn_lg{padding:10px 25px;font-size:18px;line-height:22px;}
.api_btn_bg{padding:12px 30px;font-size:20px;line-height:26px;}
.api_btn_hg{padding:16px 35px;font-size:22px;line-height:28px;}
.api_btn_ms{padding:20px 40px;font-size:24px;line-height:30px;}

/* NEW */
.api_btn_xs{padding:4px 12px;font-size:1.4rem}
.api_btn_s{padding:6px 16px;font-size:1.5rem}
.api_btn_m{padding:8px 20px;}
.api_btn_l{padding:9px 25px;line-height:22px;}
.api_btn_xl{padding:9px 30px;font-size:20px;line-height:26px;}
.api_btn_xxl{padding:10px 35px;font-size:22px;line-height:28px;}

.api_btn_group{display:-ms-flexbox;display:flex;vertical-align:middle;position:relative;}
.api_btn_group > .api_btn{margin-right:0}
.api_btn_group > .api_btn_group:not(:last-child) > .api_btn,
.api_btn_group > .api_btn:not(:last-child):not(.api_dropdown_toggle){border-top-right-radius:0;border-bottom-right-radius:0;}
.api_btn_group > .api_btn_group:not(:first-child),
.api_btn_group > .api_btn:not(:first-child){margin-left:-2px;}
.api_btn_group > .api_btn_group:not(:first-child) > .api_btn,
.api_btn_group > .api_btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;}

.api_btn.api_btn_icon{padding:8px;}
.api_btn_m.api_btn_icon{padding:4px;}
.api_btn_sm.api_btn_icon{padding:7px;}
.api_btn_md.api_btn_icon{padding:8px;}
.api_btn_lg.api_btn_icon{padding:10px;}
.api_btn_bg.api_btn_icon{padding:12px;}
.api_btn_hg.api_btn_icon{padding:16px;}
.api_btn_ms.api_btn_icon{padding:20px;}

.api_btn_round{border-radius:500px;}
.api_btn_block{display:block;width:100%;margin:0;}

.api_btns{margin-top:15px}

.api_btn_wait{position:relative;cursor:wait !important;}
body .api_btn_busy{position:relative;cursor:wait !important;}
body .api_btn_busy:after{content:"";border:1px solid rgba(0, 0, 0, 0.2);position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;z-index:2;background:url("images/button/busy.gif") no-repeat 50% 50% #fafafa;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

/* Custom colors */
.api_btn_yellow{
  color:#000;text-shadow:none;border:1px solid rgba(0, 0, 0, .2);
  -webkit-transition:background .1s ease-out 0s;-moz-transition:background .1s ease-out 0s;-ms-transition:background .1s ease-out 0s;-o-transition:background .1s ease-out 0s;transition:background .1s ease-out 0s;
  -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .07);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .07);box-shadow:0 1px 0 rgba(0, 0, 0, .07);
  background:#ffdf60;
  background:-moz-linear-gradient(top, #ffdf60 0%, #fc0 100%);
  background:-webkit-linear-gradient(top, #ffdf60 0%, #fc0 100%);
  background:linear-gradient(to bottom, #ffdf60 0%, #fc0 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf60', endColorstr='#ffcc00', GradientType=0);
}
.api_btn_yellow:hover{color:#000;background:#ffe681;background:-moz-linear-gradient(top, #ffe681 0%, #ffd428 100%);background:-webkit-linear-gradient(top, #ffe681 0%, #ffd428 100%);background:linear-gradient(to bottom, #ffe681 0%, #ffd428 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe681', endColorstr='#ffd428', GradientType=0);}
.api_btn_yellow:focus{color:#000;-webkit-box-shadow:inset 0 0 0 1px rgba(193, 154, 0, .2), 0 0 6px 2px rgba(255, 204, 0, .7);-moz-box-shadow:inset 0 0 0 1px rgba(193, 154, 0, .2), 0 0 6px 2px rgba(255, 204, 0, .7);box-shadow:inset 0 0 0 1px rgba(193, 154, 0, .2), 0 0 6px 2px rgba(255, 204, 0, .7);}
.api_btn_yellow:active{color:#000;-webkit-box-shadow:inset 0 1px 3px -1px rgba(0, 0, 0, .5), 0 0 6px 2px rgba(255, 204, 0, .7);-moz-box-shadow:inset 0 1px 3px -1px rgba(0, 0, 0, .5), 0 0 6px 2px rgba(255, 204, 0, .7);box-shadow:inset 0 1px 3px -1px rgba(0, 0, 0, .5), 0 0 6px 2px rgba(255, 204, 0, .7);}
.api_btn_yellow:disabled{background:#e7e7e7;color:#999;border-color:#ddd;text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}