#Igrf { width: 100%; } 
#Igrf > tr > td { text-align: center; vertical-align: middle; margin-top: 5px; background: #eee; } 
#Igrf > tr:first-of-type > td { border-radius: 12px 12px 0px 0px; } 
#Igrf > tr:last-of-type > td { border-radius: 0px 0px 12px 12px; } 
#Igrf > tr:only-of-type > td { border-radius: 12px; } 

#Igrf .Hide { display: none; } 

#Igrf tr.Name > td { background: #ccc; border-radius: 12px 12px 0px 0px; } 
#Igrf tr.Name > td > span.Name { font-size: 200%; font-weight: bold; } 
#Igrf tr.Name > td > button { margin-left: 5px; } 
#Igrf .Variables { width: 100%; } 
#Igrf .Variables td:first-of-type { text-align: right; } 
#Igrf .Variables td { text-align: left; width: 50%; } 
#Igrf tr.Files > td { background: #ddd; } 
#Igrf tr.Files .ui-button { margin: 1px 5px; } 
#Igrf tr.Files .Warning { color: red; }

#Igrf table.Summary { border: 1px solid black; border-collapse: collapse; background-color: white; font-weight: bold; font-size: 80%; margin: auto; }
#Igrf table.Summary td { border: 1px solid black; border-collapse: collapse; width: 80px; }
#Igrf table.Summary .Head, #Igrf table.Summary .Total { background-color: #ffd0ff; }
#Igrf table.Summary .Label { background-color: #ffe8ff; }
#Igrf table.Summary .Small { font-weight: initial; }
#Igrf table.Summary .Value { font-size: 125%; }

#Igrf .Expulsions th { font-size: 150%; } 
#Igrf .Expulsions table { width: 100%; } 

#Igrf table.Officials { width: 100%; border-spacing: 0px; } 
#Igrf table.Officials.Empty tr:last-of-type > th:first-of-type { border-radius: 0px 0px 0px 12px; } 
#Igrf table.Officials.Empty tr:last-of-type > th:last-of-type { border-radius: 0px 0px 12px 0px; } 
#Igrf table.Officials tr:last-of-type > td:first-of-type { border-radius: 0px 0px 0px 12px; } 
#Igrf table.Officials tr:last-of-type > td:last-of-type { border-radius: 0px 0px 12px 0px; } 
#Igrf table.Officials tbody tr:nth-child(2n) { background: #ddd; } 
#Igrf table.Officials col.Name { width: 30%; } 
#Igrf table.Officials col.League { width: 30%; } 
#Igrf table.Officials col.Cert { width: 10%; } 
#Igrf table.Officials col.Button { width: 10%; } 

#Igrf table.Officials th.Title { font-size: 150%; } 
#Igrf table.Officials th#skaterCount { font-size: 100%; font-weight: normal; } 
#Igrf table.Officials button.AddOfficial > span { padding-top: 0em; padding-bottom: 0em; } 
#Igrf table.Officials button.RemoveOfficial > span { padding-top: 0em; padding-bottom: 0em; } 
#Igrf table.Officials button.Swap { font-size: 80%; padding: 0.4em; } 
#Igrf button.Active { background: #3f3; } 

/* Official Remove Dialog */
div.OfficialRemoveDialog { text-align: center; } 
div.OfficialRemoveDialog a.Title { font-size: 125%; } 
div.OfficialRemoveDialog a.Remove { font-size: 150%; } 
div.OfficialRemoveDialog a.Target { font-weight: bold; font-size: 250%; } 
div.OfficialRemoveDialog a.AreYouSure { font-weight: bold; font-size: 300%; } 
div.OfficialRemoveDialog button.No { float: left; } 
div.OfficialRemoveDialog button.Yes { float: right; } 
/* End Official Remove Dialog */

@keyframes spinner {
    0%   { transform: translate3d(-50%, -50%, 0) rotate(0deg);   }
    100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); }
}
#Igrf .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;
}