/*:root {
    --pri-color: #FF5E14;
}*/

.pagination > li > a:hover {
    color: #db4906 !important;
}


.member-direct-section {
    width: 100%;
    padding: 3rem 0;
}

.mem-form-search {
    display: flex;
    align-items: center;
}

.mem-search-label {
    margin-top: 0.5rem;
}

.searchINPUT {
    width: 35%;
    border-radius: 8px;
/*    margin: 0 0.8rem;*/
    padding: 0.55rem 0.6rem;
}

.mem-submit-btn {
    padding: 0.5rem 1.3rem;
    border: none;
    font-size: 15px;
    font-weight: 500;
    background-color: var(--pri-color);
    color: white;
    border-radius: 8px;
}


/* table */
.table-content-members {
    padding: 2rem 0;
}

.mem-table-col-heading {
    text-align: left;
}

    .mem-table-col-heading tr th {
        color: white;
    }

.mem-table-col-body {
    text-align: left;
}

    .mem-table-col-body tr td {
        font-size: 14px;
    }

.modal-content {
    width: 60rem !important;
    transform: translate(-24%);
}

.modal-header {
    background-color: var(--pri-color);
    border-radius: 0 !important;
}

    .modal-header .modal-close-button {
        border: none;
        background-color: white;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
        font-size: 19px;
    }

.member-modal-body {
    display: flex;
    gap: 3%;
}

    .member-modal-body p {
        margin: 0;
        font-weight: 400;
        font-size: 13.5px;
        word-break: break-all;
    }

        .member-modal-body p strong {
            font-weight: 600 !important;
            font-size: 14.5px !important;
            color: rgb(60, 60, 60);
        }

    .member-modal-body .img-thumbnail {
        width: 37%;
        max-height: 200px;
        object-fit: cover;
        object-position: top;
    }

    .member-modal-body .mem-complete-details {
        width: 60%;
    }

.view-MEM-btn {
    background-color: var(--pri-color);
    color: white;
}

    .view-MEM-btn:hover {
        background-color: var(--pri-color);
        color: white;
    }


@media screen and (max-width:550px) {
    .mem-main-heading {
        font-size: 1.4rem;
    }

    .mem-form-search {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mem-search-label {
        margin-top: 0.5rem;
    }

    .searchINPUT {
        width: 100%;
        border-radius: 8px;
        margin: 0 0.8rem;
        margin-bottom: 0.8rem;
        padding: 0.55rem 0.6rem;
    }

    .mem-submit-btn {
        width: 100%;
        padding: 0.6rem 1.3rem;
    }


    /* table */

    .mem-table-col-heading tr th {
        color: white;
        font-size: 14px;
    }

    .mem-table-col-body tr td {
        font-size: 13.5px;
    }

    .modal {
        z-index: 99999999 !important;
    }

    .modal-content {
        width: 100% !important;
        transform: translate(0%);
    }

    .modal-header {
        padding: 0.3rem 1.6rem;
        background-color: var(--pri-color);
    }

        .modal-header h5 {
            font-size: 16px;
        }

    .member-modal-body {
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

        .member-modal-body p {
            margin: 0;
            font-weight: 400;
            font-size: 13.5px;
            word-break: break-all;
        }

            .member-modal-body p strong {
                font-weight: 600 !important;
                font-size: 14.8px !important;
                color: rgb(60, 60, 60);
            }

        .member-modal-body .img-thumbnail {
            width: 100%;
            max-height: 340px;
            object-fit: cover;
            object-position: top;
        }

        .member-modal-body .mem-complete-details {
            width: 100%;
            max-height: 170px;
            overflow-x: hidden;
        }
}



@media screen and (min-width:550.1px) and (max-width:670px) {
    .mem-main-heading {
        font-size: 1.4rem;
    }

    .mem-form-search {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mem-search-label {
        margin-top: 0.5rem;
    }

    .searchINPUT {
        width: 100%;
        border-radius: 8px;
        margin: 0 0.8rem;
        margin-bottom: 0.8rem;
        padding: 0.55rem 0.6rem;
    }

    .mem-submit-btn {
        width: 100%;
        padding: 0.6rem 1.3rem;
    }


    /* table */

    .mem-table-col-heading tr th {
        color: white;
        font-size: 14px;
    }

    .mem-table-col-body tr td {
        font-size: 13.5px;
    }

    .modal {
        z-index: 99999999 !important;
    }

    .modal-content {
        width: 100% !important;
        transform: translate(0%);
    }

    .modal-header {
        padding: 0.3rem 1.6rem;
        background-color: var(--pri-color);
    }

        .modal-header h5 {
            font-size: 16px;
        }

    .member-modal-body {
        display: flex;
        flex-direction: column;
        gap: 0%;
    }

        .member-modal-body p {
            margin: 0;
            font-weight: 400;
            font-size: 13.5px;
            word-break: break-all;
        }

            .member-modal-body p strong {
                font-weight: 600 !important;
                font-size: 14.8px !important;
                color: rgb(60, 60, 60);
            }

        .member-modal-body .img-thumbnail {
            width: 100%;
            max-height: 300px;
            object-fit: cover;
            object-position: top;
        }

        .member-modal-body .mem-complete-details {
            width: 100%;
            max-height: 170px;
            overflow-x: hidden;
        }
}




@media screen and (min-width:670.1px) and (max-width:1000px) {
    .mem-main-heading {
        font-size: 1.4rem;
    }

    .mem-form-search {
        display: flex;
        align-items: center;
    }

    .mem-search-label {
        font-size: 13.5px;
        margin-top: 0.5rem;
    }

    .searchINPUT {
        width: 100%;
        border-radius: 8px;
        margin: 0 0.8rem;
        padding: 0.55rem 0.6rem;
    }

    .mem-submit-btn {
        font-size: 12.5px;
        padding: 0.55rem 1.3rem;
    }


    /* table */

    .mem-table-col-heading tr th {
        color: white;
        font-size: 14px;
    }

    .mem-table-col-body tr td {
        font-size: 13.5px;
    }

    .modal {
        z-index: 99999999 !important;
    }

    .modal-content {
        width: 40rem !important;
        transform: translate(-11%);
    }

    .modal-header {
        padding: 0.3rem 1.6rem;
        background-color: var(--pri-color);
    }

        .modal-header h5 {
            font-size: 16px;
        }

    .member-modal-body {
        display: flex;
    }

        .member-modal-body p {
            margin: 0;
            font-weight: 400;
            font-size: 13.5px;
            word-break: break-all;
        }

            .member-modal-body p strong {
                font-weight: 600 !important;
                font-size: 14.8px !important;
                color: rgb(60, 60, 60);
            }

        .member-modal-body .img-thumbnail {
            max-height: 300px;
            object-fit: cover;
            object-position: top;
        }

        .member-modal-body .mem-complete-details {
            max-height: 210px;
            overflow-x: hidden;
        }
}