/* bootstrap modal */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000; }

.modal-backdrop.fade {
  opacity: 0; }

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1050;
  width: 70%;
  background-color: white;
  border: 1px solid #333;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }
  @media screen and (max-width: 769px) {
    .modal {
      width: 90%; } }

.modal.fade {
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out; }

.modal-header {
  padding: 9px 35px;
  border-bottom: 1px solid #eee;
  color: white;
  background: #c4464c; }

.close {
  float: right; }
  .close.no-margin {
    margin: 0; }

.modal-header h3 {
  margin: 0;
  line-height: 30px;
  display: inline-block; }

.modal-body {
  position: relative;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto; }

.modal-form {
  margin-bottom: 0; }

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff; }

.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: ''; }

.modal-footer:after {
  clear: both; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.white-text {
  color: white; }

.err-text {
  font-style: italic;
  font-size: 1.4rem;
  color: #c41d2c !important; }

.show-advanced-search {
  display: none;
  margin-top: 1rem; }
  @media screen and (min-width: 1023px) {
    .show-advanced-search {
      display: inline-block; } }

.page-link-disabled {
  color: #999 !important;
  cursor: default !important; }

.info-tooltip {
  position: relative;
  overflow: visible;
  cursor: pointer; }
  .info-tooltip:before {
    z-index: 20;
    position: relative; }
  .info-tooltip:hover p {
    display: block;
    animation-name: delayed-opacity;
    animation-duration: 2s;
    animation-fill-mode: forwards; }
  .info-tooltip:focus {
    outline: none; }
    .info-tooltip:focus p,
    .info-tooltip:focus:hover p {
      display: block;
      opacity: 1;
      animation-name: none; }
    .info-tooltip:focus:before {
      outline: -webkit-focus-ring-color auto 5px; }
  .info-tooltip p {
    cursor: default;
    text-transform: none;
    font-weight: 300;
    opacity: 0;
    display: none;
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%) translateX(-20%);
    width: 25rem;
    padding: 1rem;
    background-color: #fff;
    color: #5e5e5e;
    z-index: 21;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.18);
    font-family: 'Cabin', 'Helvetica', 'Arial', sans-serif; }
    @media screen and (min-width: 480px) {
      .info-tooltip p {
        bottom: auto;
        left: 3rem;
        top: 50%;
        transform: translateY(-50%); } }
    .info-tooltip p:before {
      content: '';
      width: 0;
      height: 0;
      border-top: 1rem solid #fff;
      border-right: 1rem solid transparent;
      border-left: 1rem solid transparent;
      position: absolute;
      bottom: 0;
      left: 70%;
      transform: translateY(100%) translateX(-50%); }
      @media screen and (min-width: 480px) {
        .info-tooltip p:before {
          border-top: 1rem solid transparent;
          border-right: 1rem solid #fff;
          border-bottom: 1rem solid transparent;
          border-left: 0; } }
      @media screen and (min-width: 480px) {
        .info-tooltip p:before {
          bottom: auto;
          top: 50%;
          left: 0;
          transform: translateX(-100%) translateY(-50%); } }
    .info-tooltip p:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      height: 4rem; }
      @media screen and (min-width: 480px) {
        .info-tooltip p:after {
          height: auto;
          width: 3rem;
          left: 0;
          top: 0;
          transform: translateX(-100%);
          right: auto;
          bottom: 0; } }

.show-adv {
  display: none; }
  @media screen and (min-width: 1024px) {
    .show-adv {
      display: inline-block; } }

.profile-container {
  padding: 20px 35px; }
  .profile-container a {
    font-size: 1.4rem; }
  .profile-container label {
    text-transform: capitalize;
    margin-top: 5px; }
  .profile-container .login-submit,
  .profile-container .form-submit {
    padding-bottom: 0 !important;
    text-align: right; }
    .profile-container .login-submit input,
    .profile-container .form-submit input {
      margin-bottom: 0 !important; }
  .profile-container #loginform .login-remember {
    padding-left: 30%; }
    .profile-container #loginform .login-remember input {
      vertical-align: bottom !important;
      border-color: #ccc;
      border-radius: 3px; }
  .profile-container #loginform .pass-text {
    font-size: 1.4rem;
    float: right; }
  .profile-container a[title='Password Lost and Found.'] {
    display: none; }
  .profile-container #wppb-recover-password p br {
    display: none; }
  .profile-container #wppb-recover-password ul {
    margin-bottom: 0 !important; }
  .profile-container #wppb-recover-password .back-to-login {
    float: left;
    margin-top: 1rem; }
    .profile-container #wppb-recover-password .back-to-login a {
      font-size: 1.4rem; }
  .profile-container .wppb-send-credentials-checkbox {
    display: none; }
  .profile-container .login-link {
    float: left;
    margin-top: 1rem;
    font-size: 1.4rem; }
  .profile-container .wppb-field-error {
    background-color: unset;
    border: unset; }
    .profile-container .wppb-field-error .wppb-form-error {
      color: #c41d2c !important;
      left: 30%;
      position: relative;
      padding-top: 0;
      font-size: 90%;
      border-top: unset; }
      .profile-container .wppb-field-error .wppb-form-error br {
        display: none; }
    .profile-container .wppb-field-error input {
      background: transparent;
      border-color: #c41d2c;
      color: #444647; }
  .profile-container .wppb-error {
    background-color: unset;
    color: #c41d2c !important; }
    .profile-container .wppb-error strong {
      display: none; }
  .profile-container #wppb_general_top_error_message {
    display: none; }
  @media screen and (max-width: 480px) {
    .profile-container .wppb-form-field input,
    .profile-container .wppb-form-field input[type='text'],
    .profile-container .wppb-form-field input[type='number'],
    .profile-container .wppb-form-field input[type='email'],
    .profile-container .wppb-form-field input[type='url'],
    .profile-container .wppb-form-field input[type='password'],
    .profile-container .wppb-form-field input[type='search'],
    .profile-container .wppb-form-field select,
    .profile-container .wppb-form-field textarea,
    .profile-container .wppb-checkboxes,
    .profile-container .wppb-radios,
    .profile-container #wppb-login-wrap .login-username input,
    .profile-container #wppb-login-wrap .login-password input {
      width: 100%; } }

/*Disabled Save To List*/
a.article-link.disabled,
#psi-details a.disabled {
  /* &:hover {
     cursor: default !important;
     text-decoration: none;
   }*/ }

.default-red-btn {
  background-color: #c41d2c;
  color: #fff; }

.profile-icon-wrapper {
  float: right;
  margin-top: 5px; }
  @media screen and (max-width: 480px) {
    .profile-icon-wrapper {
      margin-top: -5px;
      margin-bottom: 5px;
      font-size: 20px; } }

.m-t-rem {
  margin-top: 1.5rem; }
  
  
#psi-saved .call-number {
  margin-top: 1.4rem;
}

@media print {
  #psi-saved .call-number {
    margin-top: .3rem;
  }
}

@media print {
  #psi-saved .pert-bib-ref {
    margin-top: -.6rem !important;
  }
}
/*.req-input, textarea{
  &:focus{
    border-color: unset;
  }

  &.ng-invalid{
    border-color: #c41d2c;
  }
}*/