@import url("membersite.css");


#logo-container div a > img {
  content: url(UnitedPensionsLogo.png);
  background-color: #FFF;
  background: no-repeat;
  margin-top: 10px;
  object-fit: contain;
}

article a {
  color: rgba(235,0,23,0.5);
}

#logo-container a > img {
  content: url(UnitedPensionsLogo.png);
  background-color: #FFF;
  background: no-repeat;
  margin-top: 10px;
  object-fit: contain;
}


a, article a {
  color: rgba(235,0,23,1);
}

table.alt-table th, table.dataTable th, .navbar-default {
  background-color: rgba(235,0,23,1);
}

.input-form .btn:hover,
.panel .btn:hover,
.btn:hover,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary,
.input-form .btn:hover, .ui-dialog .ui-dialog-buttonpane button:hover,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-primary:hover,
#PasswordTest button:hover,
table.navigation button:hover {
  color: rgba(235,0,23,1);
  background-color: #FFFFFF;
  border-color: rgba(235,0,23,1);
}



.input-form .btn,
.panel .btn,
.btn,
.btn-primary,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.ui-button,
.ui-dialog
.ui-dialog-buttonpane button,
table.navigation button,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-primary,
.input-form .btn, .ui-dialog .ui-dialog-buttonpane button,
#PasswordTest button,
table.datafilter td input[type="button"] {
  color: #fff;
  background-color: rgba(235,0,23,1);
  border-color: rgba(235,0,23,1);
}


  .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: rgba(235,0,23,0.5);
    border-color: rgba(235,0,23,0.5);
  }




  .pagination > .active > a,
  .pagination > .active > a:focus,
  .pagination > .active > a:hover,
  .pagination > .active > span,
  .pagination > .active > span:focus,
  .pagination > .active > span:hover {
    color: #fff;
    background-color: rgba(235,0,23,1);
    border-color: rgba(235,0,23,1);
  }

.pagination > li > a, .pagination > li > span {
  color: rgba(235,0,23,1);
  background-color: #fff;
  border: 1px solid #ddd;
}

.slider::-webkit-slider-thumb {
  border-top: 13px solid rgba(235,0,23,1);
}

.form-control:focus {
  border-color: rgba(235,0,23,1);
}


.glossarytitle {
  color: rgba(235,0,23,1) !important;
}

@media (min-width: 768px) {
  #divNavBarLoggedIn div.bg1 {
    background-color: rgba(235,0,23,1);
  }
}

@media (max-width: 768px) {
  #logo-container a > img {
    width: 100%;
  }

  .navbar-default .navbar-nav > li > a {
    color: rgba(235,0,23,1);
  }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgba(235,0,23,1) !important;
  }
}

.dl-horizontal dt {
  color: rgba(235,0,23,1) !important;
}

.custom-file-input::before {
  background-color: rgba(235,0,23,1) !important;
}


.beneficiaryContainer .addButton,
.beneficiaryContainer .addButton:hover,
.beneficiaryContainer .addButton:focus,
.beneficiaryContainer .addButton:active {
  color: #FFFFFF;
  background-color: rgba(235,0,23,1);
  border: 8px solid rgba(235,0,23,1);
}