.opac-global-template-component-notice-availability-dot {
	--size: 2rem;
    	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	position: relative;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}


.opac-global-template-component-notice-availability-dot {
	background: linear-gradient(0deg, var(--dark-color), var(--light-color));
}

.not-available {
	--dark-color: rgb(177, 0, 0);
	--light-color: red;
	--glow-color: rgb(255, 74, 74);
}

.available {
	--dark-color: green;
	--light-color: rgb(4, 184, 4);
	--glow-color: rgb(46, 192, 46);
}

.tempo-out {
	--dark-color: rgb(196, 127, 0);
	--light-color: orange;
	--glow-color: rgb(253, 192, 79);
}

.opac-global-template-component-notice-availability-dot-glow {
	

	box-shadow: 0 0 0.1rem #fff, 0 0 0.25rem var(--glow-color), 0 0 0.5rem var(--glow-color);
	/* animation: blow 0.7s infinite alternate; */
}

@keyframes blow {
	100% {
	  box-shadow: 0 0 0.15rem #fff, 0 0 0.25rem var(--glow-color), 0 0 1rem var(--glow-color);
	}
  }

.opac-global-template-component-notice-availability-dot.small-dot {
	--size:1rem;
}

.tempo-out {
	color: orange;
}

.available {
	color: green;
}

.not-available {
	color: red;
}

.opac-global-template-component-notice-dispo-table {
	gap: 0.5rem; 
	display: flex;
	flex-direction: column;
	padding: 0 0.25rem;
	min-width: 25rem;
}

.opac-global-template-component-notice-dispo-table > li {
    border-radius: 0.2rem;
    padding: 0.5rem 1rem;
    display: flex;
    justify-content: space-between;
	gap: 1rem;
	align-items: center;
}

.opac-global-template-component-notice-dispo-table-header {

	background-color: var(--lsOpac-block-header-bg);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.opac-global-template-component-notice-dispo-table-row {
	background-color: var(--lsOpac-block-content-bg);
    border: solid 1px rgba(0,0,0,0.1);
}

.opac-global-template-component-notice-dispo-table-col {
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
}

.opac-global-template-component-notice-dispo-table-col-1 {
	flex: 2;
}

.opac-global-template-component-notice-dispo-table-col-2 {
	flex: 2;
}

.opac-global-template-component-notice-dispo-table-col-3 {
	flex: 2;
	gap: 0.25rem;
}

.opac-global-template-component-notice-dispo-table-col-4 {
	flex: 2;
}

.opac-global-template-component-notice-dispo-table-comment-area {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}

@keyframes pulsate {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.3);
	}

	100% {
		transform: scale(1);
	}
}