#loader {
visibility: hidden;
position: fixed;
top: 110px;
right: 30px;
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #3498db;
background-color: white;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
-webkit-animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% {transform: rotate(360deg);}
}
 
.addPopup {
position: fixed;
left:  50%;
top: 50%;
transform: (translate( -50% -50%));
}

td {
padding: 5px;
}

input[type=number]::-webkit-inner-spin-button {
opacity: 1;
}

body {
background-color: #F2EFDF;
}

select, body, select, td, button, input, th {
font-size: 25px;
font-family: "Times New Roman", Times, serif;
}