#sbData table { width: 100%; border-spacing: 0px; margin-bottom: 10px; } 
#sbData thead { background: #ccc; } 
#sbData tbody { background: #eee; } 
#sbData tbody > tr:nth-child(2n) { background: #e4e4e4; } 
#sbData tbody > tr:last-of-type > td:first-of-type { border-bottom-left-radius: 12px; } 
#sbData tbody > tr:last-of-type > td:last-of-type { border-bottom-right-radius: 12px; } 
#sbData table th { border-radius: 12px 12px 0px 0px; } 
#sbData th > span { font-size: 150%; } 
#sbData th { padding-left: 15px; padding-right: 15px; } 
#sbData td { padding-left: 15px; padding-right: 15px; ine-height: 27px; } 
#sbData .UpDown td { padding-top: 5px; padding-bottom: 5px; text-align: center; } 
#sbData .Type tbody > tr:last-of-type > td { padding-bottom: 2px; } 
#sbData .SelectAll { margin-left: 1em; } 
#sbData .New { margin-left: 1em; } 
#sbData .Right { float: left; } 
#sbData .Left { float: left; } 
#sbData .Edit { min-width: 27px; } 
#sbData .ui-button { font-size: 75%; } 
#sbData span { margin-left: 5px; } 
#sbData .UpDown tbody .ui-button { font-size: 100%; } 
#sbData tr.Selected button.Select { background: #3f3; } 
#sbData button.Delete:disabled { color: #bbb; } 

@keyframes spinner {
    0%   { transform: translate3d(-50%, -50%, 0) rotate(0deg);   }
    100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); }
}
#sbData .spin {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 4px #cfd0d1;
    border-bottom-color: #1c87c9;
    border-radius: 50%;
    content: "";
    height: 20px;
    width: 20px;
    position: relative;
    top: 20px;
    left: 20px;
    display: inline-block;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
}