::-webkit-scrollbar {
    width: 18px;
}


::-webkit-scrollbar-track {
    background-color: #ffffff;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-thumb {
    background-color: #006699;
    border: 2px solid #006699;
}

::-webkit-scrollbar-corner{
    background-color: #ff0000;
}

.list_table_wrapper {
    margin-left: 1%;
    width: 97%;
    height: 99%;
    display: grid;
    grid-template-columns: 99%;
    grid-template-rows: 90% 10%;
}

.table_area {
    overflow: auto;
    scrollbar-color: #006699 #ffffff;
}

.table_area table {
    border-collapse: collapse;
    width: 99%;
    color: #00283b;
}

.table_area table tr:hover{
    background-color: #d4861f;
    color: #000000;
    cursor: pointer;
}

.table_area table th, .table_area table td{
    border: 1px solid #006699;
    padding: 0.5% 0.5%;
}

.table_area table th{
    top: 0%;
    position: sticky;
    background-color: #006699;
    color: #ffffff;
}

.table_area pre, .btn_area pre {
    margin: 0%;
    padding: 0.3%;
    width: 99%;
    background-color: #cccccc;
    font-weight: bold;
    font-size: 0.8rem;
    font-style: italic;
}

.btn_area{
    display:grid;
    grid-template-rows: 1fr;
    grid-template-columns: 60% 38%;
    border-top: 2px solid #006699;
}

.btn_area .pagination_wrapper{
    text-align: left;
}
.btn_area .search_area{
    text-align: right;
}

.btn_area form.search_frm{
    width: 99%;
}

.searchTerm{
    width: 92%;
    padding: 0.5%;
    color: #006699;
}

.btnform button{
    background-color: rgb(1, 114, 1);
    font-weight: bold;
    color:#ffffff;
}

.searchButton{
    padding: 0.4%;
    margin-left: -1%;
}