.success-alert {
		  position: fixed;
		  top: 80px;
		  right: 40px;
		  background-color: #d4edda;
		  color: #155724;
		  border:2px solid #c3e6cb;
		  border-radius: 0.25rem;
		  opacity: 0;
		  transition: opacity 0.5s ease;
		  z-index: 9999;
		  padding: 15px 200px 15px 20px;
		  font-weight:bold;
		  box-shadow: rgb(100 100 111 / 76%) -5px 6px 8px 2px;
		}

.error-alert {
		  position: fixed;
		  top: 80px;
		  right: 40px;
		  background-color:#f8d7da;
		  color:#721c24;
		  border:2px solid #f5c6cb;
		  border-radius: 0.25rem;
		  opacity: 0;
		  transition: opacity 0.5s ease;
		  z-index: 9999;
		  padding: 15px 200px 15px 20px;
		  font-weight:bold;
		  box-shadow: rgb(100 100 111 / 76%) -5px 6px 8px 2px;
		}

.success-alert.show {
  opacity: 1;
}

.error-alert.show {
  opacity: 1;
}

/* Style for the input field */
/*.form-control-tooltip {*/
/*	padding: 8px;*/
/*	font-size: 16px;*/
/*	border: 2px solid #4CAF50; !* Green border for input *!*/
/*	border-radius: 4px;*/
/*	outline: none;*/
/*}*/

/* Tooltip container */
.tooltip-container {
	position: relative;
	display: inline-block;
}

/* Tooltip text */
.tooltip-text {
    --tooltip-left: -40%; /* default value */
    --tooltip-width: 300px; /* default value */
    left: var(--tooltip-left);
    width: var(--tooltip-width);
    transform: translateX(-50%);
	visibility: hidden;
	background: #2e3f64f0; /* Colorful gradient */
	color: #fff; /* White text */
	text-align: left;
	padding: 5px;
	border-radius: 6px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow */
	position: absolute;
	z-index: 10000000000;
	bottom: 125%; /* Position above the input */
	opacity: 0;
	transition: opacity 0.3s;
	font-size: 11px;
}
/* Tooltip arrow */
.tooltip-text::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 80%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #ff6b6b transparent transparent transparent; /* Matches gradient start */
}

/* Show tooltip on hover */
.tooltip-container:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.list-header{
    margin-bottom:-40px
}

.button-light-primary {
	background-color: rgba(122, 112, 186, 0.1) !important;
}