body {
  background-color: rgb(238, 236, 239);
}

.navbar .btn-outline-light:hover {
  color: var(--bs-primary);
}

.message {
  border-radius: 10px;
  box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.75);
  color: white;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  width: 80%;
}

/*
* Give the various message types the correct colors
*/
.message.success {
  background-color: green;
}

.message.error {
  background-color: red;
}

.message.info {
  background-color: blue;
}

.btn-assign {
  color: white;
  btn-border-radius: 0;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: bolder;
  background-color: #0d2ce8;
  font-size: x-small;
}

.btn-hidden {
  color: white;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: bolder;
  background-color: #b478b0;
  font-size: x-small;
}

.btn-accepted {
  color: white;
  background-color: green;
  font-size: x-small;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: bolder;
}

.btn-released {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #ffffff;
  font-size: x-small;
  font-weight: bold;
  background-color: rgb(102, 100, 100);
}

.btn-notify {
  color: black;
  background-color: rgba(193, 255, 229, 0.78);
  font-size: small;
  padding: 0.2rem 0.2rem;
  font-weight: bold;
  border-color: black;
}

.btn-cancel {
  color: white;
  background-color: rgb(241, 60, 60);
  font-weight: bold;
  font-size: small;
}

.btn-decline {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: white;
  background-color: red;
  font-size: x-small;
  font-weight: bold;
}

.table-played {
  background-color: #0d2ce8;
}

select {
  width: 100%;
  padding: 16px 20px;
  border: true;
  color: var(--bs-primary);
  border-radius: 4px;
  background-color: rgb(238, 236, 239);
  font-size: 14px;
  font-weight: bold;
}

/*    Referee Future Assignment Table */
#future_assign {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#future_assign td,
#future_assign th {
  border: 1px solid black;
  padding: 6px;
}

#future_assign tr:nth-child(even) {
  background-color: #f3dada;
}

#future_assign tr:hover {
  background-color: #ddd;
}

#future_assign th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

/*    Forwarded Report */
#forwarded {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#forwarded td,
#forwarded th {
  border: 1px solid black;
  padding: 6px;
}

#forwarded tr:nth-child(even) {
  background-color: #f3dada;
}

#forwarded tr:hover {
  background-color: #ddd;
}

#forwarded th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

/*    submitted Report */
#submitted {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#submitted td,
#submitted th {
  border: 1px solid black;
  padding: 6px;
}

#submitted tr:nth-child(even) {
  background-color: #f3dada;
}

#submitted tr:hover {
  background-color: #ddd;
}

#submitted th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

/*    resume Report */
#resume {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#resume td,
#resume th {
  border: 1px solid black;
  padding: 6px;
}

#resume tr:nth-child(even) {
  background-color: #f3dada;
}

#resume tr:hover {
  background-color: #ddd;
}

#resume th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

/*    delayed Report */
#delayed {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#delayed td,
#delayed th {
  border: 1px solid black;
  padding: 6px;
}

#delayed tr:nth-child(even) {
  background-color: #f3dada;
}

#delayed tr:hover {
  background-color: #ddd;
}

#delayed th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

/*    card count Report */
#card_count {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#card_count td,
#card_count th {
  border: 1px solid black;
  padding: 6px;
}

#card_count tr:nth-child(even) {
  background-color: #f3dada;
}

#card_count tr:hover {
  background-color: #ddd;
}

#card_count th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

/*    internal Report */
#internal {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#internal td,
#internal th {
  border: 1px solid black;
  padding: 6px;
}

#internal tr:nth-child(even) {
  background-color: #f3dada;
}

#internal tr:hover {
  background-color: #ddd;
}

#internal th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

/*    Referee Future Assignment Table */
#example {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#example td,
#example th {
  border: 1px solid black;
  padding: 6px;
}

#example tr:nth-child(even) {
  background-color: #f3dada;
}

#example tr:hover {
  background-color: #ddd;
}

#example th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-size: small;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#example tr {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  font-size: small;
  font-weight: 500;
}

/*------------------------------------------------------------ */
/*    Availability Table */
/*------------------------------------------------------------ */
#avail {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#avail td,
#avail th {
  border: 1px solid black;
  padding: 6px;
}

#avail tr:nth-child(even) {
  background-color: #f3dada;
}

#avail tr:hover {
  background-color: #ddd;
}

#avail th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-weight: bolder;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#avail tr {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  font-size: small;
  font-weight: 500;
}

/*------------------------------------------------------------ */
/*    Availability2 Table */
/*------------------------------------------------------------ */
#avail2 {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#avail2 td,
#avail2 th {
  border: 1px solid black;
  padding: 6px;
}

#avail2 tr:nth-child(even) {
  background-color: #f3dada;
}

#avail2 tr:hover {
  background-color: #ddd;
}

#avail2 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-weight: bolder;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#avail2 tr {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  vertical-align: middle;
  font-size: small;
  font-weight: 500;
}

/*------------------------------------------------------------ */
/*    Referee Assignments Table */
/*------------------------------------------------------------ */
#ref_assignments {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#ref_assignments td,
#ref_assignments th {
  border: 1px solid black;
  padding: 6px;
}

#ref_assignments tr:nth-child(even) {
  background-color: #f3dada;
}

#ref_assignments tr:hover {
  background-color: #ddd;
}

#ref_assignments th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-size: small;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#ref_assignments tr {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  font-size: small;
  font-weight: bold;
}

/*------------------------------------------------------------ */
/*    Referee Assignments CompletedTable */
/*------------------------------------------------------------ */
#assign_complete {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#assign_complete td,
#assign_complete th {
  border: 1px solid black;
  padding: 6px;
}

#assign_complete tr:nth-child(even) {
  background-color: #f3dada;
}

#assign_complete tr:hover {
  background-color: #ddd;
}

#assign_complete th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-size: small;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#assign_complete tr {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  font-size: small;
  font-weight: bold;
}

/*    Ref Distance Table */
#distance {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#distance td,
#distance th {
  border: 1px solid black;
  padding: 6px;
}

#distance tr:nth-child(even) {
  background-color: #f3dada;
}

#distance tr:hover {
  background-color: #ddd;
}

#distance th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-size: large;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#distance tr {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  font-size: large;
  font-weight: 500;
}

/*    Assignor Table */
#assigntable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#assigntable td,
#assigntable th {
  border: 1px solid black;
  padding: 2px;
}

#assigntable tr:nth-child(even) {
  background-color: #f3dada;
}

#assigntable tr:hover {
  background-color: #ddd;
}

#assigntable th {
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  font-size: large;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#assigntable tr {
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

/*    Playoff Table */
#playofftable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#playofftable td,
#playofftable th {
  border: 1px solid black;
  padding: 2px;
}

#playofftable tr:nth-child(even) {
  background-color: #f3dada;
}

#playofftable tr:hover {
  background-color: #ddd;
}

#playofftable th {
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  font-size: large;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#playofftable tr {
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

/*------------------------------------------------------------ */
/*    Referee Assignments Available Table */
/*------------------------------------------------------------ */
#assign_avail {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#assign_avail td,
#assign_avail th {
  border: 1px solid black;
  padding: 6px;
}

#assign_avail tr:nth-child(even) {
  background-color: #f3dada;
}

#assign_avail tr:hover {
  background-color: #ddd;
}

#assign_avail th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-size: small;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#assign_avail tr {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  font-size: small;
  font-weight: bold;
}

/*------------------------------------------------------------ */
/*    Referee Assignments Cancelled Table */
/*------------------------------------------------------------ */
#assign_cancel {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#assign_cancel td,
#assign_cancel th {
  border: 1px solid black;
  padding: 6px;
}

#assign_cancel tr:nth-child(even) {
  background-color: #f3dada;
}

#assign_cancel tr:hover {
  background-color: #ddd;
}

#assign_cancel th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-size: small;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#assign_cancel tr {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
/*------------------------------------------------------------ */
/*    ref_edit Table */
/*------------------------------------------------------------ */
#ref_edit {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#ref_edit td,
#ref_edit th {
  border: 1px solid black;
  padding: 6px;
}

#ref_edit tr:nth-child(even) {
  background-color: #f3dada;
}

#ref_edit tr:hover {
  background-color: #ddd;
}

#ref_edit th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-size: large;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#ref_edit tr {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}

/*------------------------------------------------------------ */
/*    schooltable Table */
/*------------------------------------------------------------ */
#schooltable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#schooltable td,
#schooltable th {
  border: 1px solid black;
  padding: 6px;
}

#schooltable tr:nth-child(even) {
  background-color: #f3dada;
}

#schooltable tr:hover {
  background-color: #ddd;
}

#schooltable th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-size: large;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#schooltable tr {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}

/*------------------------------------------------------------ */
/*    Main Table */
/*------------------------------------------------------------ */
#maintable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#maintable td,
#maintable th {
  border: 1px solid black;
  padding: 6px;
}

#maintable tr:nth-child(even) {
  background-color: #f3dada;
}

#maintable tr:hover {
  background-color: #ddd;
}

#maintable th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-size: small;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#maintable tr {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  font-size: small;
  font-weight: bold;
}

/*------------------------------------------------------------ */
/*    Availability Table */
/*------------------------------------------------------------ */
#availtable {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#availtable td,
#availtable th {
  border: 1px solid black;
  padding: 6px;
}

#availtable tr:nth-child(even) {
  background-color: #f3dada;
}

#availtable tr:hover {
  background-color: #ddd;
}

#availtable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-size: large;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#availtable tr {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
}
/*------------------------------------------------------------ */
/*    Feedback Table */
/*------------------------------------------------------------ */
#Feedback {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#Feedback td,
#Feedback th {
  border: 1px solid black;
  padding: 6px;
}

#Feedback tr:nth-child(even) {
  background-color: #f3dada;
}

#Feedback tr:hover {
  background-color: #ddd;
}

#Feedback th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  font-size: large;
  background-color: var(--bs-primary);
  color: var(--bs-secondary);
}

#Feedback tr {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
}