#login-page {
    background-image: url("../../images/bg-1.jpg");
    background-repeat: no-repeat;
    background-position: center;
}

#login-page img {
    width: 100%;
    max-width: 200px;
    height: auto;
}

#login-page i {
    font-size: 16px;
}

input:focus::placeholder {
    color: transparent;
}

.navbar-semi-dark .navbar-header {
    background: #294ba6;
}

nav .navbar-header .navbar-nav,
nav .navbar-header .nav-item,
nav .navbar-header .navbar-brand {
    height: 100%;
}

nav .navbar-brand {
    padding: 8px 0 !important;
}

nav .brand-logo {
    width: 100%;
    max-height: 100%;
    height: auto;
}

.main-menu .nav-item {
    border-left: 0 !important;
}

.main-menu .nav-item:hover a {
    color: #000 !important;
    background-color: #fab917 !important;
}


@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #login-page img {
        max-width: 160px;
    }

    .content-header-left {
        margin: 0 !important;
    }

    nav .navbar-brand {
        padding: 0 !important;
        margin: 0;
    }

    nav .brand-logo {
        height: 100%;
        object-fit: contain;
    }

    .navbar-collapse ul.float-right {
        margin: 0;
        float: none !important;
    }

    .navbar-collapse a.dropdown-user-link::after {
        top: -5px;
    }

    .navbar-collapse a.dropdown-user-link {
        display: flex !important;
        align-items: center;
    }

    .navbar-collapse a.dropdown-user-link .avatar {
        margin: 0 6px 0 0 !important;
        position: inherit;
    }

    .content-body>.card-content>.card-body,
    div.dataTables_wrapper {
        padding: 0;
    }

    table.dataTable {
        display: table;
    }

    div.dataTables_wrapper div.dataTables_info {
        white-space: initial;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }
}