.page-center {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}

.rowbtnlist button span {
    padding: 2px;
}

CurRowID {
    display: none;
}

button #btnSearchAdvance {
    padding: 100px
}





@media only screen and (min-width: 576px) {
    .modal-content {
        width: 90%;
        display: flex;
        justify-content: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }
    .modal-dialog {
        max-width:100%;
    }
}

@media only screen and (max-width: 576px){
    .modal-content {
        width: 100%;
        height: 100%;
    }
    .modal-dialog {
        max-width: 100%;
        margin:5px;
    }
}

.btn.btn-outline-primary.waves-effect:hover {
    color: black;
    background-color: green;
    border-color: #c9d7c912;
}
.btn-outline-primary {
    color: #5d596c;
    background-color: #fff;
    border-color: #dbdade;
}

input[type="radio"]:checked + label {
    /* CSS styles for the label when the radio button is checked */
    
    background-color:green;
}