.button-dropdown-container {
    display: flex;
    align-items: center;
}

.button-dropdown {
    position: relative;
    display: inline-block;
}

.main-button {
    background-color: #3498db;
    color: white;
    padding: 6px 12px;  /* Reduced size */
    border: none;
    cursor: pointer;
    font-weight: bold;  /* Made font bold */
    font-size: 14px;    /* Adjusted font size */
}

.dropdown-toggle {
    background-color: #3498db;
    color: white;
    padding: 6px;       /* Reduced size */
    border: none;
    cursor: pointer;
    font-size: 14px;    /* Adjusted font size */
    font-weight: bold;  /* Made font bold */
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content .dropdown-item {
    color: black;
    padding: 8px 12px;  /* Reduced padding */
    text-decoration: none;
    display: block;
    background-color: white;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-weight: bold;  /* Made font bold */
}

.dropdown-content .dropdown-item:hover {
    background-color: #a9c9fa;
}

.button-dropdown:hover .dropdown-content {
    display: block;
}

.button-dropdown:hover .dropdown-toggle {
    background-color: #07306f;
}

        /* Style for the file input button */
        #fileInput {
            display: inline-block;
            padding: 6px 12px;  /* Reduced padding */
            background-color: #3498db; /* Button color */
            color: #fff;
            border: none;
            border-radius: 5px;
            box-shadow: 0px 4px 0px 0px #2980b9; /* Adjusted 3D effect */
            cursor: pointer;
            font-size: 14px;  /* Reduced font size */
            font-weight: bold; /* Made font bold */
            transition: all 0.2s ease-in-out;
        }
        
        #fileInput:hover {
            background-color: #2980b9;
            box-shadow: 0px 3px 0px 0px #1c639e;
        }
        
        #fileInput:active {
            box-shadow: none;
            transform: translateY(3px); /* Pressed effect */
        }
        
        /* Hide the default file input */
        #fileInput[type="file"] {
            display: none;
        }
        
        /* Optional: style the label to act like a button */
        label.custom-file-input {
            padding: 6px 12px;  /* Reduced padding */
            background-color: #3498db;
            color: #fff;
            border-radius: 5px;
            cursor: pointer;
            box-shadow: 0px 4px 0px 0px #2980b9; /* Adjusted 3D effect */
            font-size: 14px;  /* Reduced font size */
            font-weight: bold; /* Made font bold */
            transition: all 0.2s ease-in-out;
        }
        
        label.custom-file-input:hover {
            background-color: #2980b9;
            box-shadow: 0px 3px 0px 0px #1c639e;
        }
        
        label.custom-file-input:active {
            box-shadow: none;
            transform: translateY(3px); /* Pressed effect */
        }
        
        /* Apply the same style to all buttons */
        button {
            padding: 6px 12px;  /* Reduced padding */
            background-color: #3498db;
            color: #fff;
            border: none;
            border-radius: 5px;
            box-shadow: 0px 4px 0px 0px #2980b9; /* Adjusted 3D effect */
            cursor: pointer;
            font-size: 14px;  /* Reduced font size */
            font-weight: bold; /* Made font bold */
            transition: all 0.2s ease-in-out;
        }
        
        button:hover {
            background-color: #2980b9;
            box-shadow: 0px 3px 0px 0px #1c639e;
        }
        
        button:active {
            box-shadow: none;
            transform: translateY(3px); /* Pressed effect */
        }