.btn-primary {
    min-width: 100px;
}

@media (max-width: 767.98px) {
    .btn-block-md {
        display: block;
        width: 100%;
    }
}

.toast-body {
    min-width: 160px;
}


.red {
    color: red;
}

.text-underline {
    text-decoration: underline;
}

@media (min-width: 576px) {
    .user-info-dropdown {
        padding-right: 20px;
    }
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after, table.dataTable thead .sorting_desc_disabled:before {
    color: white;
    font-size: medium;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: white;
    font-size: medium;
}

td.td-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20px;
}

.title-blue {
    color: #fff;
    background-color: #4c84fc;
}

.app-name {
    color: #000;
    font-weight: 800;
    padding: 0 15px;
    font-size: 110%;
}

.white {
    color: #fff;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
    padding: 20px 0;
    font-size: 14px;
    transition: all 0.3s;
    border-top: 1px solid #cddfff;
    background-color: #000;

}

    .footer .copyright {
        display: inline-flex;
        align-items: center;
        color: white;
    }
.container2{
    text-align:center;
}