.api_noty{
  position:fixed;
  z-index:1200;
  top:0;
  right:0;
  padding:1rem;
  max-width:100%;
  display:none;
}
.api_noty .api_noty_icon{line-height:1;}
.api_noty .api_noty_icon .svg_icon{margin-right:0.5rem;}
.api_noty .api_noty_content{
  position:relative;
  width:350px;
  max-width:100%;
  background-color:#fff;
  color:#333;
  border-color:transparent;
  box-shadow:0 4px 10px 0 rgba(32, 60, 153, .1);
  border-style:solid;
  border-radius:4px;
  border-width:1px;
  padding:0.75rem;
  display:flex;
  align-items:center;
}
.api_noty .api_noty_message{
  position:relative;
  line-height:1.4;
}
.api_noty .api_noty_close{
  margin-left:auto;
  margin-right:0;
  padding:.25em .25em;
  cursor:pointer;
  z-index:2;
  white-space:nowrap;
  border:0;
  opacity:.75;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
  -webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out;
}
.api_noty .api_noty_close:hover,
.api_noty .api_noty_close:active{opacity:1;}
/* colors */
.api_noty_primary .api_noty_content{background:#2595ff;color:#fff;}
.api_noty_success .api_noty_content{background:#32d296;color:#fff;}
.api_noty_warning .api_noty_content{background:#faa05a;color:#fff;}
.api_noty_danger .api_noty_content{background:#f0506e;color:#fff;}
.api_noty_light .api_noty_content{background:#ddd;color:#000;}
.api_noty_dark .api_noty_content{background:#000;color:#fff;}