.myTable td {
    text-align: center;
    font-size: 13px;
}

.myTable thead {
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #212529;
    border-color: #383f45;
}

#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#FFF; /* change if the mask should have another color then white */
    z-index:99999; /* makes sure it stays on top */
}
#status1 {
    width:150px;
    height:150px;
    position:absolute;
    left:45%; /* centers the loading animation horizontally one the screen */
    top:35%; /* centers the loading animation vertically one the screen */
    background-image:url("../img/Preloader.gif");
    z-index:9999; /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-10px 0 0 -36px; /* is width and height divided by two */
}