.radio-group:focus-within {
     border-color: #009efb;
     box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
 }

 #icon_btn {
     color: #fff;
     float: left;
     font-size: 20px;
     line-height: 50px;
     padding: 0 10px;
 }

 @media only screen and (max-width: 991.98px) {
     #icon_btn {
         margin-left: 45px;
     }

     .logo span {
         font-size: 16px;
     }
 }

 .alert {
     padding: 10px;
     margin-bottom: 10px;
     border-radius: 5px;
     font-size: 16px;
     margin-top: 10px;
     margin-left: 15px;
     position: relative;
     font-family: Arial, sans-serif;
 }

 .alert-success {
     background-color: #d4edda;
     color: #155724;
     border: 1px solid #c3e6cb;
 }

 .alert-danger {
     background-color: #f8d7da;
     color: #721c24;
     border: 1px solid #f5c6cb;
 }

 .alert-info {
     background-color: #d1ecf1;
     color: #0c5460;
     border: 1px solid #bee5eb;
 }

 .alert-warning {
     background-color: #fff3cd;
     color: #856404;
     border: 1px solid #ffeeba;
 }

 .alert .close {
     position: absolute;
     top: 0px;
     right: 0px;
     padding: 0 0 0 20px;
     background: none;
     border: none;
     font-size: 22px;
     color: black;
 }

 @media (max-width: 768px) {
     .alert {
         margin-top: 3rem;
         margin-bottom: 0;
     }
 }