.x-alert,.x-alert.fade.show{animation:.5s forwards slideIn}html{font-size:14px;position:relative;min-height:100%;scroll-behavior:smooth}@media (min-width:768px){html{font-size:16px}}.btn-link.nav-link:focus,.btn:active:focus,.btn:focus,.form-check-input:focus,.form-control:focus{box-shadow:0 0 0 .1rem #fff,0 0 0 .25rem #1f861a}.x-alert{position:fixed!important;top:20px;right:20px;min-width:300px;max-width:400px;padding:1rem;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);z-index:9999;display:flex;align-items:center;justify-content:space-between}.x-alert.fade.hide{animation:.5s forwards slideOut}.alert-text{flex:1;margin-right:1rem;font-weight:500}.x-alert-close{background:0 0;border:none;font-size:1.25rem;line-height:1;padding:.25rem;cursor:pointer;opacity:.7;transition:opacity .3s}.x-alert-close:hover{opacity:1}.x-alert-success{background:#dcfce7;border-left:4px solid #22c55e;color:#166534}.x-alert-success .x-alert-close{color:#166534}.x-alert-danger{background:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.x-alert-danger .x-alert-close{color:#991b1b}.x-alert-warning{background:#fef3c7;border-left:4px solid #f59e0b;color:#92400e}.x-alert-warning .x-alert-close{color:#92400e}.x-alert-info,.x-alert-info .x-alert-close{color:#1e40af}.x-alert-info{background:#dbeafe;border-left:4px solid #3b82f6}.x-alert-details{background:#f3e8ff;border-left:4px solid #a855f7;color:#6b21a8}.x-alert-details .x-alert-close{color:#6b21a8}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@media (max-width:768px){.x-alert{top:auto;bottom:20px;left:20px;right:20px;min-width:auto;max-width:none}}.x-alert+.x-alert{margin-top:1rem}.x-alert.auto-hide{animation:.5s forwards slideIn,.5s 5s forwards slideOut}