body {
    background-color: lightgray;
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

#t_queue_list_wrapper .col-md-auto.ms-auto {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}

table.dataTable thead {
    .dt-orderable-asc,
    .dt-orderable-desc {
        &:not(.dt-ordering-asc,.dt-ordering-desc) {
            &:after {
                opacity: 0.2;
                content: "\f127";    
            }
        }
    }
    .dt-orderable-asc:after,
    .dt-orderable-desc:after {
        margin-top: -24px;
        text-align: right;
        display: block;
        font-family: 'bootstrap-icons' !important;
        opacity: 0.5;

        
    }

    .dt-ordering-asc:after {
        content: "\f128";
    }

    .dt-ordering-desc:after {
        content: "\f148";
    }
    
}