table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: normal !important;
}
.navbar-custom .topbar {
    background: black;
}
.head-desktop {
    text-align: center;
    margin-bottom: 0px;
}
.head-desktop img{
    border-radius: 50px;
    background: white;
    text-align: center;
    padding: 5px;
}
.head-mobile, .head-desktop{
    text-align: center;
}
.head-mobile{display: none;}
.navbar-custom{display: none;}
.page-title-box{padding: 0 20px;}
@media only screen and (max-width: 600px) {
    .logo-box{
        padding: 0px !important;
    }
    .button-toggle-menu {
        position: absolute;
        right: 0;
    }
    .logo-box .logo-sm {
        height: 65px;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        top: 23px;
    }
    .head-desktop{
        display: none;
    }    
    .navbar-custom{display: block;}
    .head-mobile {
        bottom: 0;
        padding: 1%;
        position: fixed;
        right: 0;
        color: #6c757d;
        left: 0;
        background: white;
        border-top: 1px solid #dedede;
        margin: 0px auto;
        float: none;
        text-align: center;
        z-index: 2000;
        right: 0;
        display: block;
    }
    .head-mobile .card-body{
        padding: 10px 5px !important;
    }
    .head-mobile small{
        font-size: 11px;
    }
    .content{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .show{
        margin: 0px !important;
    }
    footer{
        display: none;
    }
    html[data-layout-mode=detached]:not([data-layout=horizontal]) body:not(.auth-fluid-pages) #wrapper .content-page .navbar-custom {
        top: 0;
        margin: 0;
    }
}
@media (min-width: 768px) {    
    .container {
        max-width: 100% !important;
        padding: 0px !important;
    }
}