.bg-victorycup-blue {
  background-color: #0090ff;
}

.logo {
  width: 50px;
  height: auto;
}

.logo path {
  fill: white;
}

.logo:hover path {
  fill: black;
  fill: #868e96;
  fill: #fff868;
  fill: #fff760;
  fill: #fffccc;
}

body {
padding-top: 110px;
}

.thead-default th {
  background-color: #6dbfff;
  background-color: #0090ff;
  color: #ffffff;
}

.thead-default th a {
  color: #ffffff;
  text-decoration: underline;
}

table.table a.text-detail-link {
  color: #0090ff;
}

table.table a.text-detail-link:focus {
  color: #0090ff;
  text-decoration: underline;
}

table.table a.text-detail-link:hover {
  color: #000000;
  text-decoration: underline;
}

.victorycup-table-header {
  background-color: #0090ff;
}

.table thead tr th {
  background-color: #0070c6;
  background-color: #0090ff;
  color: #ffffff;
}

.table thead tr th.subheader {
  background-color: #007ee0;
  background-color: #0090ff;
  background-color: #ffffff;
  color: #ffffff;
  color: #000000;
}

.table tbody tr th {
  background-color: #fffccc;
  background-color: #829399;
  background-color: #eaecef;
  background-color: #f2f2f2;
  color: #000000;
}

.text-victorycup-blue {
  color: #0090ff;
}

.spacer {
    margin-top:25px;
}

.invalid-feedback {
    display: block;
}

.sticky-footer {
  position: fixed;
  padding: 10px;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  /* line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
  background-color: #0090ff;
  background-color: #e9ecef;
}

/* Such a hack, but it fixes the issue where a label as a button is only 36px in height */
.btn {
  height: 40px;
}

[data-toggle="collapse"] i:before{
  content: "\f146";
}

[data-toggle="collapse"].collapsed i:before{
  content: "\f0fe";
}

.accordion .card-header:after {
  font-family: 'FontAwesome';
  content: "\f068";
  float: right;
}
.accordion .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f067";
}

.card-header a {
  color: #0090ff;
}

*[hidden] { display: none; }

html, body{
min-height: 100%;
height: auto !important;
height: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#main-nav {
  height: 68px;
}
}