.label {
    display: grid;
    grid-template-areas: "input";
    /* z-index: 1; */
    position: relative;
    height: 100%;
}

.input {
    grid-area: input;
    font: inherit;
    padding-right: 2rem !important;
    overflow-x: hidden;
    /* display: block !important; */
}

textarea.input:focus {
    box-shadow: none !important;
}

.label-input {
    grid-area: input;
    /* z-index: 100; */
    width: max-content;
    margin-left: 1rem;
    align-self: center;
    display: flex;
    align-items: center;

    transition: transform .2s;
    transform-origin: center left;
}

input.input:where(:focus, :not(:placeholder-shown)) .label-input {
    transform: translateY(-100%) scale(.9);
    background-color: white;
    /* padding: 0 .2rem; */
    font-weight: 600;
}

input.input:focus~.label-input,
input.input:not(:placeholder-shown)~.label-input {
    transform: translateY(-100%) scale(.9);
    background-color: white;
    padding: 0 .2rem;
    font-weight: 600;
}

textarea.input:focus~.label-input,
textarea.input:not(:placeholder-shown)~.label-input{
    transform: translateY(-173%) scale(.9);
    background-color: white;
    padding: 0 .2rem;
    font-weight: 600;
}

.label.active {
    z-index: 2 !important;
}

.custom-select-container {
    display: grid;
    grid-template-areas: "input";
}

.custom-select select {
    display: none;
}

.custom-input {
    font-size: 16px;
}

.dropdown-select ul {
    max-height: 200px;
    overflow-y: auto;
}

.dropdown-select li:hover:not(.disabled),
.dropdown-select li.resaltado:not(.disabled) {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    cursor: pointer;
}

.dropdown-select li.disabled:hover,
.dropdown-select li.disabled.resaltado {
    background-color: rgba(var(--bs-dark-rgb), 0.1);
    cursor: default;
}

.custom-select img.flag {
    width: 25px;
    margin-left: 0.4rem;
    width: 25px;
    grid-area: input;
    align-self: center;
    z-index: 1;
    grid-column: 1;
    margin-left: 0.4rem;
}