#tabledata {
    border-collapse: collapse;
}

.tabledata {
    background-color: white;
    position: center;
}

.table thead th {
    vertical-align: middle;
}

.table td {
    padding: 0.3rem;
    font-size: 14px;
    vertical-align: middle;
}

#button-search {
    font-size: 50px;
    background-color: #004085;
}

.form-search-ip #search-input button {
    background: #0071B1 !important;
}

.input-group {
    position: center;
}

th {
    font-size: 14px;
    color: #555662;
    font-weight: normal;
    text-align: center;
    position: sticky;
    top: -0.9px;
    background: #eeeef3;
    height: 10px;
}

td {
    font-size: 14px;
    color: #646464;
    text-align: center;
    /*line-height: 1.4;*/
    font-weight: lighter;
    margin-top: auto;
    vertical-align: middle;
}

/*tbody {*/
    /*height: 100px;*/
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
    /*vertical-align: middle;*/
/*}*/

.btn-primary {
    background-color: #0071B1;
    border-color: white;
}

.table-link {
    color: #646464 !important;
    text-decoration: none;
}



/*.table-link a:hover. a:active {*/
/*    color: #6c757d;*/
/*    text-decoration: none;*/
/*}*/

div.table-wrapper-scroll-y button:hover {
    background: #01b6e6;
    border-color: #01b6e6;

}

.loading {
    width: 6vw;
    height: 6vh;
    max-width: 10.4vw;
    max-height: 20.4vh;
    margin-top: -5vh;
}


.button-requests-cancel {
    background-color: #FF5858;
    height: 50px;
    width: 90px;
    font-size: 17px;
    font-weight: bolder;
}

.button-requests-download {
    background-color: #51B834;
    height: 50px;
    width: 90px;
    margin-right: 50px;
    font-size: 17px;
    font-weight: bolder;
}

div.button-download button:hover {
    background: rgba(81, 184, 52, 0.53) !important;
    border-color: #cbcbd1;
}

div.button-cancel button:hover {
    background: rgba(255, 103, 103, 0.47) !important;
    border-color: #cbcbd1;
}

div.button-cancel button:focus {
    background: rgba(255, 103, 103, 0.47) !important;
}

div.button-download button:focus {
    background: rgba(81, 184, 52, 0.53) !important;
}

div.container-fluid {
    height: 100%;
    width: auto;
}

div.button-download {
    display: block;
    font-size: 3vw;
    float: left;
}

div.button-cancel {
    display: block;
    font-size: 3vw;
    float: right;
}

div.modal-header {
    background-color: #1065C9;
    display: block;
}

h5.modal-title {
    text-align: center;
    color: white;
    border-color: white;
    font-family: Roboto, sans-serif;
}

.modal-content {
    margin-top: 50%;
    margin-bottom: 50%;
}

.modal-body {
    padding: 20px;
}

.modal-notify.modal-info {
    /*margin-top: 37vh;*/
    width: 50vw;
    /*max-width: 500px;*/
    /*min-width: 350px;*/
    height: 20vh;
    /*max-height: 400px;*/
    /*min-height: 215px;*/
    display: inline-flex;
}

.font-value {
    font-size: 20px;
    border-color: white;
}

.modal-open .modal {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}



.table-responsive img {
    width: 95px;
    height: 95px;
    margin-left: auto;
    margin-right: auto;
    position: center;
}



/*.table-wrapper-scroll-y {*/
/*    display: block;*/
/*}*/

.modalloading {
    width: 7vw;
    height: 70vh;
    max-width: 70px;
    max-height: 70px;
    display: none;
    position: center;
}

.table-wrapper-scroll-y {
    display: block;
    padding: 15vh 0 0 0;
    width: 90vw;
    /*height: 71vh;*/
    /*overflow: no-content;*/
}

/*.my-custom-scrollbar {*/
/*    !*position: center;*!*/
/*    !*height: 50vh;*!*/
/*    overflow: auto;*/
/*    !*margin-right: 50px;*!*/
/*    !*margin-left: 50px;*!*/
/*}*/

div.thead {
    display: block;
}

div.table-wrapper-scroll-y button.focus-button:focus {
    background-color: #01b6e6 !important;
    border-color: #01b6e6 !important;
}

button.focus-button {
    font-size: 14px;
}


.button_pagination {
    top: 30px !important;
    width: 28px;
    height: 28px;
    font-size: 13px;
    text-align: center;
    vertical-align: middle !important;
    margin: auto !important;
    padding: initial;
    border-color: white;

}

.pagination-lg {
    text-align: center !important;
    padding-top: 2vh;
    padding-bottom: 4vh;
}

div.pagination-lg button:hover {
    background: #d7d7dd !important;
    border-color: #d7d7dd !important;
}


div.pagination-lg button {
    background: #babac0 !important;
    border-color: #babac0 !important;
}

#clicked {
    background: #878796 !important;
    border-color: #878796 !important;
}

/*.table-bordered {*/
/*    height: 50vh;*/
/*}*/

/*.center-loading{*/
/*    justify-content: center !important;*/
/*    align-items: center !important;*/
/*    position: relative;*/
/*    text-align: center;*/
/*}*/

/*.table-ip{*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    align-items: center;*/
/*}*/
.center-loading {

    text-align: center !important;
    position: relative !important;
    justify-content: center !important;
    top: 50vh;
    margin-top: -13vh;


}
.top-container{
    width: 100vw;
    height: 13vh;
    background: white !important;
    z-index: 1;
}
.result-container {
    width: 100vw;
    height: 80vh;
    padding: 0;
    background: white !important;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    overflow: auto;
    z-index: 0;

}