html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 300px;  Set a fixed height for the container */
}

.table .td-data:hover {
    background-color: #f0f0f0; /* Change this color to whatever you prefer */
    cursor: pointer; /* Changes the cursor to indicate that the cell is interactive */
}

.selected {
    background-color: #add8e6 !important; /* or any color you prefer for selected cells */
    position: relative !important;
}

    .selected .deselect-icon {
        display: block !important;
        position: absolute !important;
        top: 0.8rem !important;
        right: 0.5rem !important;
        cursor: pointer !important;
        font-size: 1rem !important; /* Adjust size as needed */
        color: red !important;
    }

.deselect-icon {
    display: none !important;
}

.disabled {
    background-color: #f0f0f0; /* or any color for disabled cells */
    color: #c0c0c0; /* greyed out text */
    pointer-events: none; /* disables clicking */
}

.hidden {
    display: none !important;
}

/* for select 2 dropdown - start */
.select2-selection__rendered {
    line-height: 34px !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-selection__arrow {
    height: 37px !important;
}

.select2-container .select2-selection--multiple {
    height: 38px !important;
}

    .select2-container .select2-selection--multiple .select2-selection__choice {
        line-height: 28px !important; /* Adjust line height for selected items */
        margin-top: 3px !important; /* Adjust margin to fit within the container */
    }
/* for select 2 dropdown - end */