/*
 * Lumen - custom rules for the Tabler layout.
 *
 * Only project specific rules live here: the Tabler bundle is never modified,
 * so it can be replaced on upgrade without conflicts.
 */

.form-group>label {
    font-size: 120%;
}

.form-group.required>label::after {
    content: " *";
    color: var(--tblr-red, #d63939);
}

.floating-message {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 105000;
}

/* International phone input: full width and visible inside modals */
.iti {
    width: 100%;
}

.iti__dropdown-content {
    z-index: 1060;
}

/* Avatar cropper inside the Bootstrap modal */
.avatar-crop-container {
    min-height: 320px;
    max-height: 60vh;
    overflow: hidden;
}

.avatar-crop-container img {
    display: block;
    max-width: 100%;
}