.custom_footer {
    height: 70px;
    padding: 0;
    position: absolute;
    bottom: 0px;
    width: -webkit-fill-available;
    background: white;
    width: -moz-available;
}

.main_contain,
.main-content {
    margin-bottom: 93px;
}

.mandatory_field {
    font-size: medium;
    color: red;
}

.buttons-copy {
    background-color: #e09151 !important;
    border-radius: 5px !important;
    color: #FFF !important;
}

.buttons-excel {
    background-color: #4db9e4 !important;
    border-radius: 5px !important;
    color: #FFF !important;
}

.buttons-print {
    background-color: #6dd869 !important;
    border-radius: 5px !important;
    color: #FFF !important;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
    padding: 0px !important;
}

.mm-active>a {
    background: #F48439 !important;
    padding: 30px 5px 30px 10px !important;
    color: white !important;
    border-radius: 20px;
    z-index: 9999;
}

.mm-active>a .text-muted,
.mm-active>a .text-danger,
.mm-active>a .text-info,
.mm-active>a .text-primary,
.mm-active>a .text-success,
.mm-active>a .text-warning {
    color: white !important;
    z-index: 9999;
}

/* .dropdown-container {
    position: relative;
} */

/* .bootstrap-select .dropdown-menu {
    position: absolute;
    z-index: 1050;
    overflow: visible;
} */
/* .table-responsive {
    overflow: visible !important;
} */

/* ################################ */
table {
    width: 100% !important;
}

#table thead {
    height: 10px !important;
    text-align: center;
    background: #9A5EE5 !important;
    color: white;
}

#table thead tr th {
    text-align: center;
    color: white;
}

#table tbody tr td {
    text-align: center;
    vertical-align: middle;
}

#table_filter {
    padding-bottom: 10px;
}

span .paginate_button,
.paginate_button {
    padding: 5px 15px !important;
}

#table_paginate span .current {
    background: #9A5EE5 !important;
    color: white !important;
    font-weight: bolder;
}

.zoomable:hover {
    transform: scale(3.0);
    /* Adjust scale value to control zoom level */
    transition: transform 0.2s;
    /* Smooth transition */
    z-index: 1000;
    /* Ensure the image is above other content */
    cursor: pointer;
}

.dropdown-menu {
    display: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.5s ease-in-out;
}

.dropdown.show .dropdown-menu {
    display: block;
    opacity: 1;
    transform: translateY(0);
}