@import url("/css/results.css?version=123456") ;

.ui-menu { width: 150px; }

.ui-menu-item-wrapper:hover {
    background-color: #227096;
}


.ui-state-active:hover {
    background-color: #227096;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #227096;
    background: #227096;
    font-weight: normal;
    color: #ffffff;
}        

body {
   margin: 0 ;
}

a:hover {
    background-color: #227096;
}

.userinfo a:visited , .userinfo a:link {
	color: #ffffff ;
}

#top-level-container {
    align:center ;
    background-color: #227096 ;
    color: white ;
    padding: 10px ;
    box-shadow: 0px 2px 2px gray ;
}

#hamburger-container {
    display: inline-block ;
    float: left ;
    color: white;
    padding-right: 10px ;
}

#header-container {
    display: inline-block ;
    /*padding: 10px ;*/
    font-family: "Arial Black" ;
    color: white ;
}

#profile-container {
    display: inline-block ;
    float: right ; 
    color: white ;
    vertical-align: center ;
}

#profile-menu-container {
    position:fixed ;
    top: 2em ;
    right: 2em ;
    z-index: 100 ;
    visibility: hidden ;
}

#content-container {
    margin-top: .5em ;
    margin-left: .5em ;
}

#main-menu-container {
    position:fixed ;
    top: 2em ;
    left: 2em ;
    z-index: 100 ;
    visibility: hidden ;
}

#login-username {
    margin: .5em 0 ;
}
#login-password {
    margin: .5em 0 ;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/material-design-icons-4.0.0/font/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(/material-design-icons-4.0.0/font/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    
    /* Support for IE. */
    font-feature-settings: 'liga';
}       
.ui-menu .ui-menu-item a {
	line-height: 0.8 ;
}
body {
    background-image: url("/ncps-gray.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center ;
}

/* root */
:root {
	--light-mode-bg : white ;
	--light-mode-fg : black ;
	--light-mode-os : #f0f0f0 ;
	--light-mode-hl : #808080 ;
	--light-mode-a  : black ;	
	
	--dark-mode-bg  : #121212 ;
	--dark-mode-fg  : #DDDDDD ;
	--dark-mode-os  : #303030 ;
	--dark-mode-hl  : #808080 ;
	--dark-mode-a   : #DDDDDD ;
	
	--tiny          : 0.5em   ;
	--small         :   1em   ;
	--large         : 1.5em   ;
	--huge          :   2em   ;
	
	--font-family   : Lucida, sans-serif ;
}

.qualifying_times>tr:nth-child(odd) {
    background-color: #cfcfcf ;
}
.qualifying_times>tr:nth-child(even) {
    background-color: #eeeeee ;
}

.qualifying_times td.border-left {
    border-left: 1px solid black ;
}

.qualifying_times td.border-right {
    border-right: 1px solid black ;
}

.qualifying_times td.border-bottom {
    border-bottom: 1px solid black ;
}

.qualifying_times td.align-right {
    text-align: right ;
}

.qualifying_times td {
    padding-left: .4em ;
    padding-right: .4em ;
}

.myTeamConsideration {
	background-color: #9cf ;
}

@media (prefers-color-scheme: dark) {

  body {
    color: var(--dark-mode-fg);
    background: var(--dark-mode-bg);
    background-image: url("/ncps-gray-night-mode.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center ;
    
  }

  a {
    color: #809fff;
  }
  
  .scores-header>tr>th>a {
    color: var(--dark-mode-fg);
    background: var(--dark-mode-bg);
  }
  
  .team-scores>tr>th {
	  background-color: var(--dark-mode-os) ;
  }
  
  .highlight:hover { 
	  background-color: var(--dark-mode-hl) ;
  }
  
  .diver-in-round>tr {
    background-color: var(--dark-mode-bg) ;
	color: var(--dark-mode-fg) ;
  }
  .event_header>tr>th {
    background-color: var(--dark-mode-os) ;
  }
  .event-row>th.relay-header {
	  background-color: var(--dark-mode-os) ;
  }  
  tr.athlete-row:hover {
	  background-color: var(--dark-mode-hl) ;
  }
	tr.standard-row {
	   background-color: var(--dark-mode-os) ;
	}
	tr.standard-row-2 {
	   background-color: var(--dark-mode-hl) ;
	}
  
	.qualifying_times>tr:nth-child(odd) {
	    background-color: var(--dark-mode-bg);
	}
	.qualifying_times>tr:nth-child(even) {
	    background-color: var(--dark-mode-os);
	}	
	
	.myTeamConsideration {
		background-color: var(--dark-mode-hl) ;
	}
}		


.event-header {
   writing-mode: vertical-rl;
}
.relay-header {
   background-color: #ffc ;
}
.athlete-row {
   
}
.athlete-row:hover {
   background-color: #d1d0ce ;
}
.athlete-row>td:not(:first-child) {
   text-align: center ;
}
.athlete-name: {
   text-align: left ;
   white-space: nowrap ;
}
.no-top {
   border-top: none ;
}
.no-left {
   border-left: none ;
}
.standard-row {
   background-color: #9cc ;
   font-weight: bold ;
}
.standard-row-2 {
   background-color: #9cf ;
   font-weight: bold ;
}
.event-row {
}
.event-row>th {
   vertical-align: top ;
   padding: 0.5em 1em ;
   border-right: 1px solid black ;
}

/* fonts */
html , .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button , .ui-dialog-content, .ui-widget-content {
	font-family: var(--font-family) ;
}

/* alignment classes */
.textAlignLeft {
    text-align: left;
}

.textAlignRight {
    text-align: right;
}

.textAlignCenter {
    text-align: center;
}

.vAlignTop {
    vertical-align: top;
}

.vAlignBottom {
    vertical-align: bottom;
}

/* spacing classes */
.indent {
    padding-left: var(--huge);
}
.tinyPadRight {
    padding-right: var(--tiny);
}
.tinyPadLeft {
    padding-left: var(--tiny) ;
}
.smallPadRight {
    padding-right: var(--small) ;
}
.smallPadLeft {
    padding-left: var(--small) ;
}
.largePadRight {
    padding-right: var(--large) ;
}
.largePadLeft {
    padding-left: var(--large) ;
}
.hugePadRight {
    padding-right: var(--huge) ;
}
.hugePadLeft {
    padding-left: var(--huge) ;
}

/* table classes */
.border-bottom-row {
	border-bottom: 1px solid var(--light-mode-fg) ;
}

/* basic site styles */


/* results */
.event-name {
    writing-mode: vertical-rl ;
    white-space: nowrap ;
}
a {
    text-decoration: none ;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: black ;
}
#username-container-span {
    vertical-align: super ;
    padding-right: 1em ;
    font-size: .9em ;
}

.ui-menu .ui-menu-item  a , .ui-menu-item-wrapper a {
	line-height: 0.8 ;
}	

.results {
    font-family:monospace;	
}

.results tbody {
    border-bottom: 1px solid black ;
}

.news {
}



#honor_roll td {
    padding: 0 1em;
}

#standings td {
    min-width: 5em;
    text-align: center
}

.outlined {
    border: 1px solid black;
}

#relay_assignments td, #events td {
    min-width:60px; 
    height:25px;
    border: 1px solid black;
    text-align:center;
}

#relay_assignments th, #events th {
    font-weight:normal;
    /*min-width:80px;*/
    height:25px;
    border: 1px solid black;
    font-size:11px;
    text-align:center;
}

.left {
    display: inline-block;
}

.honor_roll {
    width: 36em;
}

table {
    border-collapse:collapse;
}

.table {
    border-collapse:collapse;
    display:inline-block;
}

#consideration  {
    background-color:#66ccff;
    /*color:#0033ff;*/
    font-weight:bold;
    /*min-width:80px;*/
    height:25px;
}

#automatic  {
    background-color:#0033ff;
    color:#ffffff;
    font-weight:bold;
    /*min-width:80px;*/
    height:25px;
}

.indent {
    margin-left:2em;
}

.footer {
    font-size: 10px;
    width: 100%;
    text-align: center;
    display: block;
    clear: both;
    vertical-align: bottom ;
}

#content_left {
	float: left ;
}

#content_right {
    margin-left: 1em;
    float: right ;
    width: 55% ;
}

.award {
    text-align: center ; 
}

.bottomline {
    border-bottom: 1px solid black ;
}

#diver_name {
    font-weight: bold ;
}

#on_deck {
    color: gray ;
}

.border-left {
    border-left: 1px solid black ;
}

.border-right {
    border-right: 1px solid black ;
}

td.entry-time {
	text-align: center ;
}

table#relay-grid>tbody:nth-child(even) {
	background-color: var(--dark-mode-os) ;
	color: white ;
}