.floating-control {
    padding-bottom: 1.75rem;
}

    .floating-control .floating-container {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .floating-control .floating-textfield {
        position: relative;
    }

    .floating-control label {
        position: absolute;
        font-size: 1rem;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: var(--bs-body-bg);
        padding: 0 0.3rem;
        margin: 0 0.5rem;
        transition: 0.1s ease-out;
        transform-origin: left top;
        pointer-events: none;
        border-radius: 0.42rem;
        color: var(--bs-text-muted);
    }
    /*input*/
    .floating-control input {
        /*font-size: 1rem;
        outline: none;
        border: 1px solid gray;
        border-radius: 5px;
        padding: 1rem 0.7rem;
        color: gray;*/
        transition: 0.1s ease-out;
    }

        .floating-control input:focus {
            /*border-color: #6200ee;*/
        }

            .floating-control input:focus + label {
                top: 0;
                transform: translateY(-50%) scale(0.9) !important;
                font-size: 1rem;
                color: var(--bs-primary) !important;
            }

        .floating-control input:not(:placeholder-shown) + label {
            top: 0;
            transform: translateY(-50%) scale(0.9) !important;
            font-size: 1rem;
            /*color: #b4b4b4 !important;*/
        }
    /*textarea*/
    .floating-control textarea:not(:focus)::placeholder {
        opacity: 0;
    }

    .floating-control textarea {
        /*font-size: 1rem;
    outline: none;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 1rem 0.7rem;
    color: gray;*/
        transition: 0.1s ease-out;
    }

        .floating-control textarea:focus {
            /*border-color: #6200ee;*/
        }

            .floating-control textarea:focus + label {
                top: 0;
                transform: translateY(-50%) scale(0.9) !important;
                font-size: 1rem;
                color: var(--bs-primary) !important;
            }

        .floating-control textarea:not(:placeholder-shown) + label {
            top: 0;
            transform: translateY(-50%) scale(0.9) !important;
            font-size: 1rem;
            /*color: #b4b4b4 !important;*/
        }

        .floating-control textarea:not(:focus)::placeholder {
            opacity: 0;
        }
    /*select*/
    .floating-control select {
        transition: 0.1s ease-out;
    }

        .floating-control select:focus {
            /*border-color: #6200ee;*/
        }

            .floating-control select:focus + label {
                top: 0;
                transform: translateY(-50%) scale(0.9) !important;
                font-size: 1rem;
                color: var(--bs-primary) !important;
            }

        .floating-control select:not(:placeholder-shown) + label {
            top: 0;
            transform: translateY(-50%) scale(0.9) !important;
            font-size: 1rem;
            /*color: #b4b4b4 !important;*/
        }

        .floating-control select:not(:focus)::placeholder {
            opacity: 0;
        }

    /*select2*/
    .floating-control .select2 {
        transition: 0.1s ease-out;
    }

        .floating-control .select2.select2-container--focus + label,
        .floating-control .select2.select2-container--open + label {
            top: 0;
            transform: translateY(-50%) scale(0.9) !important;
            font-size: 1rem;
            color: var(--bs-primary) !important;
        }

        .floating-control .select2:not(:placeholder-shown) + label {
            top: 0;
            transform: translateY(-50%) scale(0.9) !important;
            font-size: 1rem;
            /*color: #b4b4b4 !important;*/
        }

        .floating-control .select2:not(:focus)::placeholder {
            opacity: 0;
        }

/*.floating-control .form-control {
    padding-right: 2px;
    padding-left: 2px;
}
.floating-control .discountType {
    padding-right: 2px;
    padding-left: 2px;
}*/

.adjacent .col-1, .adjacent .col-2, .adjacent .col-3, .adjacent .col-4, .adjacent .col-5, .adjacent .col-6, .adjacent .col-7, .adjacent .col-8, .adjacent .col-9, .adjacent .col-10, .adjacent .col-11, .adjacent .col-12, .col, .adjacent .col-auto,
.adjacent .col-sm-1, .adjacent .col-sm-2, .adjacent .col-sm-3, .adjacent .col-sm-4, .adjacent .col-sm-5, .adjacent .col-sm-6, .adjacent .col-sm-7, .adjacent .col-sm-8, .adjacent .col-sm-9, .adjacent .col-sm-10, .adjacent .col-sm-11, .adjacent .col-sm-12, .adjacent .col-sm, .adjacent .col-sm-auto,
.adjacent .col-md-1, .adjacent .col-md-2, .adjacent .col-md-3, .adjacent .col-md-4, .adjacent .col-md-5, .adjacent .col-md-6, .adjacent .col-md-7, .adjacent .col-md-8, .adjacent .col-md-9, .adjacent .col-md-10, .adjacent .col-md-11, .adjacent .col-md-12, .adjacent .col-md, .adjacent .col-md-auto,
.adjacent .col-lg-1, .adjacent .col-lg-2, .adjacent .col-lg-3, .adjacent .col-lg-4, .adjacent .col-lg-5, .adjacent .col-lg-6, .adjacent .col-lg-7, .adjacent .col-lg-8, .adjacent .col-lg-9, .adjacent .col-lg-10, .adjacent .col-lg-11, .adjacent .col-lg-12, .adjacent .col-lg, .adjacent .col-lg-auto,
.adjacent .col-xl-1, .adjacent .col-xl-2, .adjacent .col-xl-3, .adjacent .col-xl-4, .adjacent .col-xl-5, .adjacent .col-xl-6, .adjacent .col-xl-7, .adjacent .col-xl-8, .adjacent .col-xl-9, .adjacent .col-xl-10, .adjacent .col-xl-11, .adjacent .col-xl-12, .adjacent .col-xl, .adjacent .col-xl-auto,
.adjacent .col-xxl-1, .adjacent .col-xxl-2, .adjacent .col-xxl-3, .adjacent .col-xxl-4, .adjacent .col-xxl-5, .adjacent .col-xxl-6, .adjacent .col-xxl-7, .adjacent .col-xxl-8, .adjacent .col-xxl-9, .adjacent .col-xxl-10, .adjacent .col-xxl-11, .adjacent .col-xxl-12, .adjacent .col-xxl, .adjacent .col-xxl-auto {
    position: relative;
    width: 100%;
    padding-right: 2px;
    padding-left: 2px;
}