/* .icon-text *******************************/

.icon-text {
  align-items: center;
  display: flex;
  gap: 10px;

  img {
    height: 16px;
    opacity: 0.5;
    width: auto;
  }

  span {
		font-size: 0.9rem;
  }

	&.icon-text-lg {
	  gap: 15px;

	  img {
			height: auto;
			opacity: 1;
			width: 30px;
		}
	}
}

/* .mb-* *******************************/

mb-0 { margin-bottom: 0; }
mb-1 { margin-bottom: 10px; }
mb-2 { margin-bottom: 20px; }
mb-3 { margin-bottom: 30px; }
mb-4 { margin-bottom: 40px; }

/* .required *******************************/

.required::after {
	color: var(--color-danger);
	content: '*';
	font-weight: 800;
}

/* tooltip *******************************/

[data-bs-toggle="tooltip"] {
	border-bottom: 1px dashed #999;
	cursor: pointer;
}

/* .w* *******************************/

@media (min-width: 1000px) {
	.w10 { width: 10%; }
	.w20 { width: 20%; }
	.w30 { width: 30%; }
	.w40 { width: 40%; }
	.w50 { width: 50%; }
	.w60 { width: 60%; }
	.w70 { width: 70%; }
	.w80 { width: 8%; }
	.w90 { width: 90%; }
	.w100 { width: 100%; }
}

/* .carousel-indicators-dots *******************************/

.carousel-indicators-dots [data-bs-target] {
	border: 2px solid transparent;
	border-radius: 50%;
	height: 20px;
	margin: 0;
	opacity: 0.5;
	outline: 1px solid transparent;
	transition: opacity 0.3s;
	width: 20px;
}

.carousel-indicators-dots .active {
	opacity: 1;
	border: 2px solid #000;
	outline: 1px solid #fff;
}