/* top navbar */
.navbar-brand img { max-width: 80px; }

/* right side: year switcher and backend button */ 
.navbar-right-div { min-width: 100px; }
#year-switcher, .backend-button { display:inline-block; } 
.backend-button .btn { font-size:15px; padding: 0.15em; }

/* registry */
.extras { background-color: #eeeeee; }
.privates { background-color: #ccc; }
.col_totals { background-color: #333; color: #ffffff; }
.row_totals td { border-top: 1px solid #ccc; background-color:#eee; font-style: italic; font-size: 14px; }

#registryTable td.courses, #registryTable td.notes {   max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
   }

#registryTable td.courses:hover, #registryTable td.notes:hover {
  overflow: visible;
  white-space: normal;
}

#registryTable .registryUser td a {display:block;
  width:100%;}


#daterange input { margin: 10px 10px 10px 5px; }

#id_students_attended { padding-left: 15px; list-style-type: none;}
#id_students, #id_teachers { list-style-type: none; padding-left:8px; }
#id_students { columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.income { color: green; } .expense { color: red; }

#registryTable { margin-top: 15px; }

.registryUserName.inactive a { color: grey !important; text-decoration: line-through;}
.registryUserName.dormant a { color: grey !important; text-decoration: line-through;}

.loginlinks { margin-top: 25px; }




/* makes the primanota and registry table header sticky */
table.primanota thead, #registryTable thead {
    background-color: #fbfbfb;
    top: 125px;
    z-index: 1;
    position: sticky;
    }
    
#registryTable thead { top: 0; }

/* makes the menu sticky */
@media (min-width: 1024px) {

  .navbar { position: sticky; top: 0; z-index: 100; }
  #daterange { background-color:white; top: 68px; position: sticky; z-index: 10;}
  #registryTable thead { top: 70px; }

}