body {
    background-color: #000000;
    color: white;

}

    .panel-heading {
        background-color: #343a40;
        color: white;
        padding: 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    .panel-body {
        background-color: #1a1a1a;
        padding: 20px;
        border: 1px solid #343a40;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .form-group-sm {
        margin-bottom: 20px;
    }
    
    .form-control {
        border-radius: 0;
        background-color: #343a40;
        color: white;
        border: 1px solid #ffffff;
    }

    .btn-danger {
        border-radius: 0;
        background-color: #d9534f;
        color: white;
        border: none;
    }
    
    .table-hover tbody tr:hover {
        background-color: #444444;
    }
    
    .table td, .table th {
        text-align: center;
        vertical-align: middle;
        background-color: #1a1a1a61;
        color: white;
        border: 1px solid #343a40;
    }

    .table th {
        background-color: #343a40;
    }


#scrollTopBtn {
    display: none; 
    position: fixed; 
    bottom: 20px; 
    right: 30px; 
    z-index: 99; 
    border: none;
    outline: none; 
    background-color: #f00;
    color: white; 
    cursor: pointer; 
    padding: 15px; /* Padding */
    border-radius: 10px; 
}

#scrollTopBtn:hover {
    background-color: #333; 
}