/* Alert POpup Notification CSS */
 .alert-container {
    position: fixed;
    top: 300px; /* Adjust this value to minimize the spacing */
    left: 50%;
    transform: translateX(-50%);
    background-color: whitesmoke;
    border: 1px solid #ff9898;
    border-radius: 8px;

    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    z-index: 9999;
    width: 300px;
    margin: 0;
    /* Initial state with no blur */
    pointer-events: auto; /* Initial state with events enabled */
    box-shadow: 0 0 10px 5px black !important;/* Adjust the values for the desired glow effect */
   
  }

  .modal-content{
    padding: 0 30px !important;
  }
  
  .blur-effect {
    filter: blur(20px); /* Apply blur to the rest of the page */
    pointer-events: none; /* Disable events on the rest of the page */
  }
  
  .alert-container h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-top: 5px;
    margin-top: 5px;
  }
  
  .alert-container p {
    margin: 3px;
    font-size: 15px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;   
    font-weight: bold;
    color: black !important;
  }
  
  .alert-close-button {
    margin: 9px; 
    background-color: #48a04f;
    border: none;
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease;
    font-weight: 900 !important;
  }
  .alert-container ul{
    color: transparent !important;
  }
  .alert-close-button:hover {
    background-color: #ddd;
  }
  /* END of Alert popup */

.success {background-color: #07d318d8;} /* Green */
.success:hover {background-color: #0cf514;}

.info {background-color: #2196F3;} /* Blue */
.info:hover {background: #0b7dda;}

.warning {background-color: #ff9800;} /* Orange */
.warning:hover {background: #e68a00;}

.danger {background-color: #f44336;} /* Red */
.danger:hover {background: #da190b;}

.default {background-color: #e7e7e7; color: black;} /* Gray */
.default:hover {background: #ddd;}

  /* CSS FOr CUstom Alert Modal */
/* Center the modal title */
.modal .modal-dialog{
  background-color: var(--html-default-shady-bgColor);
  pointer-events: auto; /* Initial state with events enabled */
  box-shadow: 0 0 10px 5px var(--uni-light-colorTheme2) !important;/* Adjust the values for the desired glow effect */
 
}

.modal-header .modal-title {
  text-align: center;
  margin: 0 25%;
  font-size: 20px;
    font-weight: bold;  
}

.modal-body{
  margin: 3px;
  font-size: 15px;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;   
  font-weight: bold;
}

.modal-footer button{
  margin: 9px; 
    background-color: #48a04f;
    border: none;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease;
    font-weight: 900 !important;
}

    /* CSS FOr CUstom Alert Modal */