/************************ custom CSS ****************************/

body {
    background-color:#808080;
}

.bg-image {
    background-image:url(../images/bg.jpg);
    background-size:cover;
}


.admin-profile-grid {
    width:50px;
    height:50px;
    border-radius:100%;
}


.admin-profile {
    object-fit: cover;
    width: 100%;
    object-fit: contain;
    height: 350px;
}
.custom-form-control {
    background-color: #fff;
    /*border-color: #6c757d;*/
    /*color: #ccc;*/
    border: solid 1px #ced4da;
    width: 100%;
    border-radius: 3px;
    height: 40px;
    padding: 4px;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-top-width: 0;
}

.layout-top-nav .wrapper .main-header .brand-image {
    height: 40px;
    width: 40px;
}

.wrapper .content-wrapper {
    min-height: calc(100vh - calc(4rem + 1px) - calc(3.5rem + 1px));
}

/************************ Theming ****************************/

.dark-mode .navbar-light .navbar-brand {
    color: #fff;
}

.dark-mode .navbar-white {
    background-color: #343a40;
    color: #fff;
}

.dark-mode .navbar-light .navbar-nav .nav-link:focus,
.dark-mode .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}

.dark-mode  .navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.dark-mode .main-header {
    border-bottom: 1px solid #282d32;
    z-index: 1034;
}

.custom-switch {
    transform: scale(1.2);
}

.dark-mode div.dt-button-collection {
    background-color: #343a40;
}

.dark-mode .dropdown-item.active, .dark-mode .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dark-mode .custom-form-control {
    background-color: #343a40;
    border-color: #6c757d;
    color: #fff;
}