.avatar-group .avatar-s {
    height: 2rem;
    width: 2rem;
    transition: transform 0.2s ease-in-out;
    position: relative;
}

.avatar-group .avatar-s:hover {
    transform: scale(1.5);
    z-index: 100;
}

.avatar-group-dense .avatar-s:not(:first-child) {
    margin-left: -0.3rem;
}

.btn-phoenix-dropdown {
    height: calc(2.875rem + 2px);
    --phoenix-btn-bg: none !important;
    padding-left:15px;
}

.btn-phoenix-dropdown .dropdown-item.active, .btn-phoenix-dropdown .dropdown-item:active {
    background-color: var(--phoenix-dropdown-link-hover-bg);
}

.customlabel {
  opacity: .65;
  -webkit-transform: scale(0.85) translateY(-0.7rem) translateX(0.15rem);
  -ms-transform: scale(0.85) translateY(-0.7rem) translateX(0.15rem);
  transform: scale(0.85) translateY(-0.7rem) translateX(0.15rem);
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label {
	opacity: .65;
	-webkit-transform: scale(0.85) translateY(-0.7rem) translateX(0.15rem);
	-ms-transform: scale(0.85) translateY(-0.7rem) translateX(0.15rem);
	transform: scale(0.85) translateY(-0.7rem) translateX(0.15rem);
}

label.required:after {
    content:" *";
    color:red;
  }


[data-bs-toggle="tooltip"] {
    pointer-events: auto !important;
}

label.textarea-fix-top {
    opacity:1 !important;
    --phoenix-bg-opacity: 1;
    background-color: rgba(var(--phoenix-white-rgb), var(--phoenix-bg-opacity)) !important;    
    height:20px;
    transform:none !important;
    top:1px;
    padding-top:5px;
    left:3px;
    width:98%;
    font-size:10px;
    color: rgba(62, 70, 91, 0.85)
}

.thick-dashed {
  border-top: 1px dashed transparent;
  border-image: repeating-linear-gradient(to right, rgba(var(--phoenix-300-rgb)) 0, rgba(var(--phoenix-300-rgb)) 10px, transparent 10px, transparent 20px) 100;
}