Rev 34 | Blame | Compare with Previous | Last modification | View Log | RSS feed
.w3-hide,.hide{display:none!important} /* see also <div class="invisible">I am invisible</div> */
.w3-show,.unhide{display:block!important} /* see also <div class="visible">I am visible</div> */
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-show-inline-block{display:inline-block!important}
keepTogether{white-space:nowrap;}
@media print {
table, th, td {
border-collapse: collapse;
border: 1px solid black !important;
width: 100%;
text-align: left;
white-space: nowrap;
}
table { page-break-inside: auto; }
tr { page-break-inside: avoid; page-break-after: auto; }
thead { display: table-header-group }
tfoot { display: table-footer-group; }
img { max-height: 50px!important; }
.border { border-style: none !important;
}
/* Autonumber for Tables */
.css-serial {
counter-reset: serial-number; /* Set the serial number counter to 0 */
}
.css-serial td:first-child:before {
counter-increment: serial-number; /* Increment the serial number counter */
content: counter(serial-number); /* Display the counter */
}
/* Table Sorter */
table.tablesorter tbody tr.odd.checked td {
background: #8080c0;
color: #fff;
}
table.tablesorter tbody tr.even.checked td {
background: #a0a0e0;
color: #fff;
}
.tablesorter-filter.disabled {
display: none;
}
/* Loader */
#loader {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border: 16px solid #c0c0c0;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
background-color: rgb(255, 255, 255);
-webkit-animation: spin 2s linear infinite;
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); }
}
/* Add animation to "page content" */
.animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s
}
@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 }
to { bottom:0px; opacity:1 }
}
@keyframes animatebottom {
from{ bottom:-100px; opacity:0 }
to{ bottom:0; opacity:1 }
}
.progress-bar {
transition: width 0.1s ease !important;
}