:root {
    --primary: #255ff4;
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    background-image: url("/img/layered-waves-haikei.svg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* color: #fff; */
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before {
    content: "\f235" !important;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after {
    content: "\f229" !important;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

.form-floating > .form-control:not(:placeholder-shown) ~ label::after{
    background-color: inherit;
}

.form-floating > .form-select ~ label::after, .form-floating > .form-control:focus ~ label::after {
    background-color: inherit;
}