.question-content .separator {
  border-left: 0;
}
.question-content .options .option p {
  display: inline-block;
}
.digitalQuestionTestSummaryWidget.widget {
  padding-top: 10px;
  padding-bottom: 10px;
}
.digitalQuestionTestSummaryWidget h4 {
  border-bottom: thick solid #7db552;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.digitalQuestionTestSummaryWidget .header h3 {
  display: inline-block;
}
.digitalQuestionTestSummaryWidget .body {
  background-color: #eff3f6;
}
.digitalQuestionTestSummaryWidget .body .panel {
  background-color: #fff;
  margin-top: 15px;
  padding: 7px;
}
.digitalQuestionTestSummaryWidget .body h4 {
  margin: 0;
  color: #930;
}
.digitalQuestionTestSummaryWidget .summary {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
}
.digitalQuestionTestSummaryWidget .summary li {
  background-color: #eff3f6;
  border-bottom: 1px solid #fff;
}
.digitalQuestionTestSummaryWidget .questions {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
}
.digitalQuestionTestSummaryWidget .send-email {
  background-color: #eff3f6;
  margin-top: 10px;
  padding: 5px;
}
.digitalQuestionTestSummaryWidget .send-email .row-fluid {
  margin: 10px 0;
}
.digitalQuestionTestSummaryWidget .widget {
  background-color: #fff;
}
.digitalQuestionTestSummaryWidget .widget .body {
  background-color: #fff;
}
.create__test__form label {
  display: inline-block;
}
.question .options label {
  display: inline-block;
}
.digitalQuestionTestWidget .header.main {
  background-color: #c7d2dc;
  padding: 15px 7px 23px 7px;
}
.digitalQuestionTestWidget .header.secondary {
  border-bottom: 1px solid;
  margin-bottom: 20px;
}
.digitalQuestionTestWidget .header.secondary .link {
  padding-top: 4px;
  margin-bottom: 4px;
}
.digitalQuestionTestWidget .header.secondary .separator {
  margin: 2px 5px;
}
.digitalQuestionTestWidget .header h3 {
  display: inline-block;
  margin-bottom: 10px;
}
.digitalQuestionTestWidget .header .link {
  float: right;
  margin-left: 15px;
}
.digitalQuestionTestWidget .question-content .navigation {
  background-color: #e2e8ed;
  min-height: 500px;
  float: left;
  width: 10%;
}
.digitalQuestionTestWidget .question-content .navigation .summary-link {
  font-size: medium;
}
.digitalQuestionTestWidget .question-content .navigation .icon {
  width: 10px;
  height: 10px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #069;
}
.digitalQuestionTestWidget .question-content .navigation .icon.answered {
  background-color: black;
}
.digitalQuestionTestWidget .question-content .navigation .icon.correct {
  background-color: green;
}
.digitalQuestionTestWidget .question-content .navigation .icon.incorrect {
  background-color: red;
}
.digitalQuestionTestWidget .question-content .body {
  float: left;
  width: 90%;
}
.digitalQuestionTestWidget .question-content .question {
  float: left;
  width: 70%;
}
.digitalQuestionTestWidget .question-content .question .option.correct {
  background-color: yellow;
}
.digitalQuestionTestWidget .question-content .note-flag {
  background-color: #e2e8ed;
  float: left;
  width: 30%;
}
.digitalQuestionTestWidget .question-content .note-flag .flag-question {
  border-bottom: 1px solid #fff;
  text-decoration: none;
  padding: 10px 0;
  display: block;
  margin: 10px;
}
.digitalQuestionTestWidget .question-content .note-flag .note {
  margin: 10px;
}
.digitalQuestionTestWidget .question-content .note-flag .note textarea {
  height: 200px;
  width: 99%;
}
.digitalQuestionTestWidget .question-content .note-flag .note div {
  margin-bottom: 10px;
}
.digitalQuestionTestWidget .question-content .summary {
  margin-top: 15px;
  font-weight: bold;
}
.digitalQuestionTestWidget .separator {
  margin: 0 5px;
  float: right;
}
.digitalQuestionTestWidget .timer {
  margin-left: 15px;
}
.digitalQuestionCreateTest {
  background: #3498db none repeat scroll 0 0;
  border: 0 none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: Arial;
  font-size: 15px;
  height: 26px;
  padding: 3px 16px 6px;
  vertical-align: middle;
  width: inherit;
}
.digitalQuestionCreateTest:hover {
  background: #5dadd2 none repeat scroll 0 0;
  color: #fff;
}
.digitalQuestionTestListWidget table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 10px;
}
.digitalQuestionTestListWidget th,
.digitalQuestionTestListWidget td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.digitalQuestionTestListWidget tr:hover {
  background-color: #f5f5f5;
}
.digitalQuestionTestListWidget tr:nth-child(even) {
  background-color: #f2f2f2;
}
.digitalQuestionCreateTestWidget h3 {
  margin: 15px 0 5px 0;
}
.digitalQuestionCreateTestWidget .question-count {
  margin-bottom: 10px;
}
.digitalQuestion-page .page-body > div {
  background: #eff3f6;
  padding: 0 5px;
}
.digitalQuestion-page .width_1_2 .widget {
  background: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
}
.digitalQuestion-page ul {
  padding: 0;
  list-style: none;
}
.digitalQuestion-page ul li {
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
  display: flow-root;
}
.digitalQuestion-page ul li span:not(.float-right) {
  float: left;
  width: 65%;
}
.digitalQuestion-page tr {
  padding: 3px;
  border-bottom: solid 1px #ccc;
}
.digitalQuestion-page th {
  font-size: 11px;
}
.digitalQuestion-page h3 {
  border-bottom: thick solid #7db552;
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size: 19px;
  font-weight: bold;
  width: 100%;
}
.digitalQuestion-page .studenList ul {
  height: 200px;
  overflow: hidden;
  overflow-y: scroll;
}
.redlink-alert {
  font-size: 13px;
  height: 100%;
  color: white;
  padding: 5px;
  border-radius: 10px;
}
.redlink-alert-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.green-redlink-status {
  background: green;
}
.orange-redlink-status {
  background: orange;
} /*! font-weight: bold; */ /*! padding: 10px 10px; */
.loginSuggestionsContainer .box {
  width: 800px;
}
.loginSuggestionsContainer .flex-container {
  display: flex;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
}
.loginSuggestionsContainer .flex-container.vertical {
  flex-direction: column;
}
.loginSuggestionsContainer .flex-container.double {
  flex: 4;
}
.loginSuggestionsContainer .flex-container.horizontal {
  flex-direction: row;
}
.loginSuggestionsContainer .style-title {
  background-color: white;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.loginSuggestionsContainer .account-chooser {
  display: flex;
  margin: 30px 0;
}
.loginSuggestionsContainer .suggestions {
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
  flex: 4;
  padding: 20px;
  background-color: white;
}
.loginSuggestionsContainer .suggestion {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 20px;
  border-bottom: 1px solid lightgray;
}
.loginSuggestionsContainer .suggestion.padding-notop {
  padding: 0 20px 20px 20px;
}
.loginSuggestionsContainer .suggestion.small {
  padding: 20px 10px;
  border-bottom: 1px solid gray;
}
.loginSuggestionsContainer .suggestion.item:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.loginSuggestionsContainer .suggestion.title {
  flex-direction: column;
  padding: 10px 10px;
  background-color: #d1d1d1;
}
.loginSuggestionsContainer .suggestion.no-border {
  border: 0;
}
.loginSuggestionsContainer .horizontal-box {
  display: flex;
  flex-direction: row;
}
.loginSuggestionsContainer .horizontal-box.right {
  justify-content: flex-end;
}
.loginSuggestionsContainer .full-width {
  width: 100%;
}
.loginSuggestionsContainer .mid-width {
  width: 80%;
}
.loginSuggestionsContainer .half-width {
  width: 50%;
}
.loginSuggestionsContainer .vertical-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.loginSuggestionsContainer .top20 {
  padding: 20px 0;
}
.loginSuggestionsContainer .action.action-remove {
  color: #005274;
  font-size: 10px;
  font-weight: unset;
}
.loginSuggestionsContainer .action {
  min-width: 80px;
  display: flex;
  justify-content: center;
  margin: 10px;
  align-self: center;
  padding: 10px;
}
.loginSuggestionsContainer .action-input input {
  padding: 8px;
  width: 100%;
}
.loginSuggestionsContainer .action-social {
  border: 1px solid lightblue;
  border-radius: 50%;
  text-decoration: none;
}
.loginSuggestionsContainer a {
  text-decoration: none !important;
}
.loginSuggestionsContainer .action-text {
  font-size: 14px;
  font-weight: bold;
  color: #005274;
}
.loginSuggestionsContainer .action-input {
  margin: 0;
  padding: 0;
  flex: 4;
  width: 100%;
}
.loginSuggestionsContainer .action-next {
  color: white;
  background-color: #005274;
}
.loginSuggestionsContainer .action-next:hover {
  background-color: #003951;
}
.loginSuggestionsContainer .action-remove:hover {
  color: red;
}
.loginSuggestionsContainer .action-text a {
  color: inherit;
  text-decoration: none;
}
.loginSuggestionsContainer .action-secondary {
  padding: 5px 0;
  justify-content: space-between;
  align-items: center;
}
.loginSuggestionsContainer .small.action-text:hover {
  color: #003951;
}
.loginSuggestionsContainer hr {
  width: 100%;
}
.loginSuggestionsContainer .side-container {
  display: flex;
  flex-direction: column;
  flex: 2;
  padding: 0 20px;
}
.loginSuggestionsContainer .option {
  align-self: flex-start;
  padding: 10px;
}
.loginSuggestionsContainer .option.title {
  background-color: gray;
  width: 100%;
}
.loginSuggestionsContainer .action-bar {
  display: flex;
  flex-direction: row;
  padding: 20px 20px;
  background-color: white;
  border: 1px solid lightgray;
  justify-content: space-between;
}
.loginSuggestionsContainer .action-bar .action-bar-nav {
  padding: 0 20px;
  align-self: center;
}
.loginSuggestionsContainer .text-input-space {
  padding: 10px;
}
.loginSuggestionsContainer .h1 {
  font-size: 24px;
  padding: 5px 0;
  font-weight: bold;
}
.loginSuggestionsContainer .h2 {
  font-size: 20px;
  padding: 5px 0;
  font-weight: bold;
}
.loginSuggestionsContainer .h3 {
  font-size: 18px;
  padding: 5px 0;
  font-weight: bold;
}
.loginSuggestionsContainer .h4 {
  font-size: 16px;
  padding: 5px 0;
  font-weight: bold;
}
.loginSuggestionsContainer .h5 {
  font-size: 14px;
  font-style: italic;
}
.loginSuggestionsContainer .text-xs {
  display: flex;
  font-size: 10px;
  align-items: center;
}
.loginSuggestionsContainer .text-s {
  display: flex;
  font-size: 12px;
  align-items: center;
}
.loginSuggestionsContainer input[type="submit"],
.loginSuggestionsContainer input[type="button"] {
  border: 0;
  cursor: pointer;
}
.loginSuggestionsContainer .ms-res-ctn .ms-res-item .no-highlight em {
  font-style: normal;
  font-weight: normal;
}
.loginSuggestionsContainer input[type="password"],
.loginSuggestionsContainer input[type="text"] {
  padding: 8px 12px;
  font-size: 14px;
  color: black;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
@media screen and (max-width: 800px) {
  .loginSuggestionsContainer .account-chooser {
    flex-direction: column;
  }
  .loginSuggestionsContainer .side-container {
    padding: 20px 20px;
  }
  .loginSuggestionsContainer .box {
    width: 600px;
  }
  .loginSuggestionsContainer .more-options {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 1200px) {
  .loginSuggestionsContainer .box {
    width: 90%;
  }
}
@media screen and (max-width: 600px) {
  .loginSuggestionsContainer .box {
    width: 100%;
  }
}
.loginSuggestionsContainer .open-athens .header {
  padding-top: 10px;
}
.loginSuggestionsContainer .ms-ctn {
  width: inherit;
}
.loginSuggestionsContainer .ms-ctn input[type="text"] {
  border: 0;
  box-shadow: none;
}
.loginSuggestionsContainer .ms-sel-ctn {
  overflow: hidden;
}
.loginSuggestionsContainer .filter-result {
  border-bottom: 1px solid #ccc;
}
.loginSuggestionsContainer .twitter-typeahead {
  width: 100%;
  display: flex !important;
}
.loginSuggestionsContainer .twitter-typeahead .tt-query,
.loginSuggestionsContainer .twitter-typeahead .tt-hint {
  margin-bottom: 0;
}
.loginSuggestionsContainer .tt-input,
.loginSuggestionsContainer .tt-hint {
  display: block;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  color: #999;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.loginSuggestionsContainer .tt-input {
  color: black !important;
}
.loginSuggestionsContainer .tt-highlight {
  font-weight: bold;
}
.loginSuggestionsContainer .tt-selectable:focus {
  background-color: lightblue;
}
.loginSuggestionsContainer .tt-cursor,
.loginSuggestionsContainer .tt-selectable:hover {
  background-color: #f7f7f7;
}
.loginSuggestionsContainer .tt-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  font-weight: unset;
  color: unset;
  width: 100%;
}
.loginSuggestionsContainer .tt-suggestion {
  display: flex;
  padding: 10px 12px;
  border-bottom: 1px solid lightgray;
  color: black;
  font-weight: normal;
}
.loginSuggestionsContainer .tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #428bca;
}
.loginSuggestionsContainer .tt-suggestion.tt-is-under-cursor a {
  color: #fff;
}
.loginSuggestionsContainer .tt-suggestion p {
  margin: 0;
}
.loginSuggestionsContainer .tt-suggestion.name {
  color: black;
  font-weight: normal;
  font-size: 15px;
  padding: 5px 0;
  border: 0;
}
.loginSuggestionsContainer .tt-suggestion.federation {
  color: #aaa;
  font-size: 12px;
  padding: 5px 0;
  border: 0;
}
.loginSuggestionsContainer .tt-dataset {
  display: flex;
  flex-direction: column;
}
.loginSuggestionsContainer .federation .tt-highlight {
  font-weight: normal;
}
.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 110000;
  background-color: rgba(255, 255, 255, 0.95);
  overflow: scroll;
}
.registration-popup .content .close {
  font-size: 1.25rem !important;
  margin: 0 -12px !important;
}
.preview-container {
  display: inline;
}
.preview-container .preview_button {
  font-size: 16px;
  font-weight: 600;
  min-width: 166px;
  color: #464646;
  background: transparent;
  border: 1px solid #464646;
  text-align: center;
  padding: 12px;
  transition: all 0.25s;
  font-family: Open Sans, sans-serif;
}
.preview-container .preview_button:hover {
  color: #fff;
  background: #a1a1a1;
}
.preview-container .preview_button .icon-preview-eye2,
.preview-container .preview_button .icon-preview-eye-hidden {
  margin-right: 5px;
  font-size: 25px;
  vertical-align: middle;
}
.preview-container .preview_button.borderless {
  border: 0;
  font-size: 13px;
}
.preview-container .preview_button.borderless i {
  font-size: 20px;
  vertical-align: text-top;
}
.preview-container .preview_button.borderless:hover {
  color: #464646;
  background: transparent;
}
#pb-page-content .preview__modal.popup {
  background-color: rgba(189, 189, 190, 0.85);
}
#pb-page-content .preview__modal.popup .preview__content {
  width: 380px;
  margin: 30px auto;
  overflow: auto;
  position: relative;
  background: #fff;
  padding: 17px 30px 30px;
  border-radius: 10px;
}
#pb-page-content .preview__modal.popup .preview__content .modal__header .close {
  margin-right: 0;
  margin-top: 10px;
  float: right;
  font-size: 20px;
  color: #a7a7a7;
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__header
  .close:hover {
  text-decoration: none;
}
#pb-page-content .preview__modal.popup .preview__content .modal__body {
  clear: both;
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .body-title {
  font-size: 24px;
  color: #000;
  border: 0;
  font-weight: 500;
  text-transform: none;
  text-align: center;
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .available__previews {
  color: #a7a7a7;
  display: block;
  text-align: center;
  text-transform: lowercase;
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .initiate__Message {
  text-align: center;
  color: #000;
  margin-top: 30px;
  font-weight: bold;
  text-transform: lowercase;
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .allowance__message {
  margin-top: 25px;
  font-size: 13px;
  color: #000;
  display: inline-block;
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .allowance__message
  .arrow_d_n {
  font-size: 7px;
  font-weight: 900;
  margin-left: 10px;
  display: inline-block;
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .allowance__message
  .arrow_d_n.openAllowance {
  transform: rotate(-180deg);
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .allowance__message
  .icon-preview-information-solid {
  font-size: 15px;
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .allowance__message
  .allowance__text {
  font-size: 15px;
  color: #a7a7a7;
  margin-top: 10px;
  text-transform: lowercase;
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .preview__options {
  margin-top: 20px;
  border-top: 2px solid #888;
  padding-top: 20px;
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .preview__options
  .btn {
  display: inline-block;
  border: 0;
  float: right;
  color: #fff;
  text-align: center;
  padding: 12px;
  font-size: 16px;
  background: #a1a1a1;
  font-weight: 700;
  transition: all 0.25s;
  font-family: Open Sans, sans-serif;
  margin-top: 0;
  margin-right: 0;
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .preview__options
  .btn:hover {
  cursor: pointer;
  background: #bdbdbd;
  color: #fff;
}
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .preview__options
  .btn-cancel {
  padding: 9px;
  font-size: 1rem;
  font-weight: 600;
  color: #646464;
  float: right;
  margin-top: 2px;
}
#pb-page-content .preview__modal.popup .preview__content .modal__body .limit,
#pb-page-content
  .preview__modal.popup
  .preview__content
  .modal__body
  .depleted {
  font-size: 13px;
  text-align: center;
}
.preview-eye2 {
  background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik01MTIgMjg4djBjMjg4IDAgNDE2IDIyNCA0MTYgMjI0cy0xMjggMjI0LTQxNiAyMjRjLTI4OCAwLTQxNi0yMjQtNDE2LTIyNHMxMjgtMjI0IDQxNi0yMjR6TTUxMiA2NDBjNzAuNjkyIDAgMTI4LTU3LjMwOCAxMjgtMTI4cy01Ny4zMDgtMTI4LTEyOC0xMjhjLTcwLjY5MiAwLTEyOCA1Ny4zMDgtMTI4IDEyOHM1Ny4zMDggMTI4IDEyOCAxMjh2MHpNNTEyIDYwOHYwYy01My4wMTkgMC05Ni00Mi45ODEtOTYtOTZzNDIuOTgxLTk2IDk2LTk2YzUzLjAxOSAwIDk2IDQyLjk4MSA5NiA5NnMtNDIuOTgxIDk2LTk2IDk2ek01MTIgNTQ0YzE3LjY3MyAwIDMyLTE0LjMyNyAzMi0zMnMtMTQuMzI3LTMyLTMyLTMyYy0xNy42NzMgMC0zMiAxNC4zMjctMzIgMzJzMTQuMzI3IDMyIDMyIDMydjB6Ij48L3BhdGg+Cjwvc3ZnPgo=);
  width: 20px;
  height: 20px;
  background-position: bottom;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  position: relative;
  bottom: 1px;
  display: inline-block;
}
.preview-eye-hidden {
  background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNTkuNDc4IDY2OC41MjJjLTExMS43MjgtNjUuOTU4LTE2My40NzgtMTU2LjUyMi0xNjMuNDc4LTE1Ni41MjJzMTI4LTIyNCA0MTYtMjI0YzQxLjc0NCAwIDgwLjEyNyA0LjcwNiAxMTUuMjQ2IDEyLjc1NGwtODYuNDg5IDg2LjQ4OWMtOS4yNDQtMi4xMjItMTguODY5LTMuMjQzLTI4Ljc1Ny0zLjI0My03MC42OTIgMC0xMjggNTcuMzA4LTEyOCAxMjggMCA5Ljg4OCAxLjEyMSAxOS41MTMgMy4yNDMgMjguNzU3bC0xMjcuNzY1IDEyNy43NjV6TTM5Ni43NTQgNzIzLjI0NmMzNS4xMTkgOC4wNDggNzMuNTAyIDEyLjc1NCAxMTUuMjQ2IDEyLjc1NCAyODggMCA0MTYtMjI0IDQxNi0yMjRzLTUxLjc1MS05MC41NjQtMTYzLjQ3OC0xNTYuNTIybC0xMjcuNzY1IDEyNy43NjVjMi4xMjIgOS4yNDQgMy4yNDMgMTguODY5IDMuMjQzIDI4Ljc1NyAwIDcwLjY5Mi01Ny4zMDggMTI4LTEyOCAxMjgtOS44ODggMC0xOS41MTMtMS4xMjEtMjguNzU3LTMuMjQzbC04Ni40ODkgODYuNDg5ek02MDggNTEyYzAgMjQuNTY5LTkuMzczIDQ5LjEzNy0yOC4xMTggNjcuODgycy00My4zMTQgMjguMTE4LTY3Ljg4MiAyOC4xMThsOTYtOTZ6TTUxMiA0MTZjLTI0LjU2OSAwLTQ5LjEzNyA5LjM3My02Ny44ODIgMjguMTE4cy0yOC4xMTggNDMuMzE0LTI4LjExOCA2Ny44ODJsOTYtOTZ6TTc2OCAyMjRsLTU0NCA1NDQgMzIgMzIgNTQ0LTU0NC0zMi0zMnoiPjwvcGF0aD4KPC9zdmc+Cg==);
  width: 20px;
  height: 20px;
  background-position: bottom;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  position: relative;
  bottom: 1px;
  display: inline-block;
}
.clock {
  background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTMyOS4zNzIgMzc0LjYyOGwtMTA1LjM3Mi0xMDUuMzczdi0xNDEuMjU1aDY0djExNC43NDVsODYuNjI4IDg2LjYyN3pNMjU2IDBjLTE0MS4zODUgMC0yNTYgMTE0LjYxNS0yNTYgMjU2czExNC42MTUgMjU2IDI1NiAyNTYgMjU2LTExNC42MTUgMjU2LTI1Ni0xMTQuNjE1LTI1Ni0yNTYtMjU2ek0yNTYgNDQ4Yy0xMDYuMDM5IDAtMTkyLTg1Ljk2MS0xOTItMTkyczg1Ljk2MS0xOTIgMTkyLTE5MmMxMDYuMDM5IDAgMTkyIDg1Ljk2MSAxOTIgMTkycy04NS45NjEgMTkyLTE5MiAxOTJ6Ij48L3BhdGg+Cjwvc3ZnPgo=);
  width: 20px;
  height: 20px;
  background-position: bottom;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  position: relative;
  top: 3px;
  display: inline-block;
}
.information-solid {
  background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0MCIgaGVpZ2h0PSI2NDAiIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTkzLjc2IDU0Ni4yNGMtNjAuMjczLTU4LjI3MS05Ny42OTItMTM5Ljg1MS05Ny42OTItMjMwLjE3MyAwLTE3Ni43MzEgMTQzLjI2OS0zMjAgMzIwLTMyMCA5MC4zMjEgMCAxNzEuOTAyIDM3LjQyIDIzMC4wODYgOTcuNjAybDAuMDg2IDAuMDkwYzU1LjU3OCA1Ny40ODcgODkuODI4IDEzNS44OTcgODkuODI4IDIyMi4zMDcgMCAxNzYuNzMxLTE0My4yNjkgMzIwLTMyMCAzMjAtODYuNDEgMC0xNjQuODIxLTM0LjI0OS0yMjIuMzk4LTg5LjkxNGwwLjA5MCAwLjA4NnpNMjg4IDM1MnYxMjhoNjR2LTE5MmgtNjR2NjR6TTI4OCAxNjB2NjRoNjR2LTY0aC02NHoiPjwvcGF0aD4KPC9zdmc+Cg==);
  width: 20px;
  height: 20px;
  background-position: bottom;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  position: relative;
  top: 3px;
  display: inline-block;
}
.arrow_d_n {
  background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2MDAiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDE2MDAgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0xNTgwIDgyLjEyNWMtMjUuMTI2LTI1LjE5LTY1LjgxMS0yNS4xOS05MC44NzQgMGwtNjU4LjEyNSA3MjIuMTI1LTY1OC4wNjctNzIyLjEyNWMtMjUuMTItMjUuMTktNjUuODExLTI1LjE5LTkwLjg3NCAwLTI1LjEyNiAyNS4yNDgtMjUuMTI2IDY2LjEyNSAwIDkxLjM3M2w3MDAuMzE0IDc2OC4zNzhjMTMuMzc2IDEzLjQ0IDMxLjEyMyAxOS4xODcgNDguNjI3IDE4LjMxIDE3LjQ5OCAwLjg3NyAzNS4yNTEtNC44NyA0OC42ODUtMTguMzFsNzAwLjMxNC03NjguMzc4YzI1LjA2Mi0yNS4yNDggMjUuMDYyLTY2LjEyNSAwLTkxLjM3M3oiPjwvcGF0aD4KPC9zdmc+Cg==);
  width: 20px;
  height: 20px;
  background-position: bottom;
  background-size: 20px 12px;
  background-repeat: no-repeat;
  position: relative;
  top: 3px;
  display: inline-block;
}
.close_thin {
  background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+Cjx0aXRsZT48L3RpdGxlPgo8ZyBpZD0iaWNvbW9vbi1pZ25vcmUiPgo8L2c+CjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02OS45MzkgOC44MWw5NDIuMDc0IDk0Mi4wNzQtNTcuOTI2IDU3LjkyNi05NDIuMDc0LTk0Mi4wNzQgNTcuOTI2LTU3LjkyNnoiPjwvcGF0aD4KPHBhdGggZmlsbD0iIzAwMCIgZD0iTTk1NC4wODcgOC43ODFsNTcuOTI2IDU3LjkyNi05NDIuMDc0IDk0Mi4wNzQtNTcuOTI2LTU3LjkyNiA5NDIuMDc0LTk0Mi4wNzR6Ij48L3BhdGg+Cjwvc3ZnPgo=);
  width: 20px;
  height: 20px;
  background-position: bottom;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  position: relative;
  top: 3px;
  display: inline-block;
}
.specify_membership__tables_container {
  margin-top: 105px;
}
.specify_membership__tables_container table {
  border-collapse: collapse;
}
.specify_membership__tables_container table,
.specify_membership__tables_container th,
.specify_membership__tables_container td {
  border: 1px solid black;
}
.specify_membership__tables_container .active {
  background: #c4e3f3;
}
.specify_membership__tables_container .specify_membership__pos_table_head,
.specify_membership__tables_container .specify_membership__neg_table_head {
  margin-bottom: 25px;
}
.specify_membership__tables_container .specify_membership__neg_table_head {
  margin-top: 50px;
}
.specify_membership__tables_container .table-scroll-pos,
.specify_membership__tables_container .table-scroll {
  overflow: auto;
  height: 400px;
}
.specify_membership__tables_container .table-scroll-neg {
  overflow: auto;
  height: 200px;
}
.specify_membership__tables_container .specify_membership__remove_button_pos,
.specify_membership__tables_container .specify_membership__remove_button_neg {
  margin-top: 10px;
}
.specify_membership__tables_container .search-popup__container {
  top: 25%;
  left: 50%;
  position: absolute;
}
.specify_membership__tables_container .back_forward_container {
  font-size: 30px;
}
.specify_membership__tables_container .back_forward_container .forward,
.specify_membership__tables_container .back_forward_container .back {
  cursor: pointer;
  background: white;
}
.specify_membership__tables_container .nav_disabled {
  color: gray;
}
.specify_membership__tables_container .disable_scroll {
  height: 100%;
  overflow: hidden;
}
.specify_membership__tables_container .buttons_container {
  margin-top: 15px;
}
.specify_membership__tables_container .save_button_container {
  margin-top: 30px;
}
.scitrusPromotion__container {
  border: 1px solid grey;
  padding: 10px;
  overflow: hidden;
}
.scitrusPromotion__container .scitrusPromotion__new_label {
  font-weight: bold;
  color: red;
  font-size: 20px;
}
.scitrusPromotion__container .scitrusPromotion__left {
  float: left;
  width: 75%;
}
.scitrusPromotion__container .scitrusPromotion__right {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scitrusPromotion__container .scitrusPromotion__try_button {
  text-decoration: none;
  color: white;
  background-color: #ef8d22;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 10%;
}
.relatedArtContainer ul.relatedArt {
  list-style: none;
}
.link {
  border: 0;
  background-color: transparent;
  padding: 0;
  color: #369;
}
.widget-loading {
  opacity: 0.5;
}
.checkout-readonly {
  color: #58595b;
}
.checkout-readonly p {
  margin: 5px 0;
}
.has-tow-column .input-group {
  float: left;
  max-width: 50%;
}
.checkoutList .actions {
  margin-top: 20px;
}
.checkoutList .header {
  font-size: large;
  color: #369;
  text-transform: uppercase;
  display: block;
  padding-bottom: 10px;
}
.checkoutList .pale {
  font-size: small;
  color: #777;
}
.checkoutName {
  max-width: 90%;
  word-break: break-all;
  display: inline-block;
}
.commerce-header {
  font-size: large;
  color: #369;
  text-transform: uppercase;
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.loading-overlay {
  width: 100%;
  height: 100%;
  position: FIXED;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
  opacity: 0.8;
  display: none;
}
.loading-overlay .loading {
  position: fixed;
  top: 45%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: url("/templates/jsp/pb2/img/335.gif") no-repeat;
}
.loading-overlay .loading-message {
  position: fixed;
  top: 38%;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0 10px;
  font-weight: bold;
  color: #005293;
}
.expand-purchase-options.expanded {
  font-weight: bold;
}
.cc-number input[type="tel"] {
  transition: all 0.15s ease-in-out;
  padding-left: 60px;
}
.cc-number:before {
  position: absolute;
  content: "";
  display: block;
  bottom: 4px;
  left: 5px;
  background: url("/templates/jsp/pb2/img/credit-cards/cc-sprite.png") no-repeat
    top left;
  width: 50px;
  height: 30px;
  background-size: 100% auto;
}
.cc-number.visa:before {
  background-position: 0 -40px;
}
.cc-number.mastercard:before {
  background-position: 0 -80px;
}
.cc-number.amex:before {
  background-position: 0 -280px;
}
.cc-number.dinner:before {
  background-position: 0 -240px;
}
.cc-number.discover:before {
  background-position: 0 -160px;
}
.cc-number.jcb:before {
  background-position: 0 -120px;
}
.cc-number.maestro:before {
  background-position: 0 -320px;
}
@media (max-width: 767px) {
  .purchaseArea
    .eCommercePurchaseAccessWidgetContainer
    .purchase-options-container
    .add-journal-to-cart
    header:not(.prevent-fix)
    a.add-article-to-cart {
    padding: 16px;
  }
  .purchaseArea
    .eCommercePurchaseAccessWidgetContainer
    .purchase-options-container
    .add-journal-to-cart
    header:not(.prevent-fix)
    a
    .title {
    display: block;
    width: 100%;
    margin-top: 0;
  }
  .purchaseArea
    .eCommercePurchaseAccessWidgetContainer
    .purchase-options-container
    .add-journal-to-cart
    header:not(.prevent-fix)
    a
    .title
    .usageRight {
    color: #777978;
    font-size: 12px;
    margin-top: 8px;
  }
  .purchaseArea
    .eCommercePurchaseAccessWidgetContainer
    .purchase-options-container
    .add-journal-to-cart
    header:not(.prevent-fix)
    span.price {
    float: left !important;
    margin-top: 25px;
    border: 0;
    text-align: left;
  }
  .purchaseArea
    .eCommercePurchaseAccessWidgetContainer
    .purchase-options-container
    .add-journal-to-cart
    header:not(.prevent-fix)
    span.price.add-article-to-cart__price {
    margin-top: 20px;
  }
  .purchaseArea
    .eCommercePurchaseAccessWidgetContainer
    .purchase-options-container
    .add-journal-to-cart
    .add-to-cart-msg {
    display: inline-block;
    position: unset;
    width: 49%;
    max-width: 130px;
    line-height: 50px;
    float: right;
    margin-top: 12px;
  }
  .purchaseArea
    .eCommercePurchaseAccessWidgetContainer
    .purchase-options-container
    .add-journal-to-cart
    .add-to-cart-msg
    .icon-cart-icon-material {
    display: none;
  }
  .checkout-expand #payment-form[name="paymentStripe"] {
    display: block;
  }
  .checkout-expand #payment-form[name="paymentStripe"] .stripe-place-order {
    width: 65%;
  }
  .checkout-expand
    #payment-form[name="paymentStripe"]
    .stripe-place-order
    .button.primary {
    margin-left: 0;
    margin-top: 10px;
  }
  #payment-form div.form-row {
    width: 100%;
  }
}
#pb-page-content .billingBtn a {
  display: block;
  width: 20%;
  margin-top: 8px;
  color: #fff;
  text-align: center;
}
.acceptTermsConditions {
  display: block;
}
.acceptTermsConditions label {
  display: inline;
}
.acceptTermsConditions #acceptTermsConditions {
  display: inline;
  width: 13px;
  vertical-align: middle;
}
.CardField-child {
  transform: translateX(40px) !important;
}
#payment-form[name="paymentStripe"] {
  position: relative;
  padding: 8px 16px 16px 16px;
  background-color: #f7f7f7;
  display: flex;
  width: 100%;
}
#payment-form[name="paymentStripe"] .paymentLoader {
  bottom: 20px;
  top: 0;
}
#payment-form .form-row {
  width: 55%;
  background-color: #fff;
}
#payment-form .form-row .StripeElement {
  margin: 10px 10px 0 10px;
}
#payment-form .stripe-place-order {
  width: 25%;
  margin-top: 0;
}
#payment-form .stripe-place-order .button.primary {
  margin-bottom: 0;
  font-size: 11px;
  font-weight: bold;
  min-width: 54%;
  border-radius: 6px;
  margin-left: 15px;
  padding-right: 10px;
  padding-left: 10px;
}
#payment-form .stripe-place-order .button.place-order__loading--js {
  pointer-events: none;
  opacity: 0.5;
}
#payment-form .ElementsApp {
  height: 40px;
}
#payment-form.secure-stripe {
  display: block;
  padding: 8px 32px 32px;
}
#payment-form.secure-stripe .form-row {
  min-width: 78%;
  margin-bottom: 32px;
  background: transparent;
}
#payment-form.secure-stripe .form-row .card-label {
  color: #333;
  line-height: 19px;
  margin-bottom: 8px;
  font-size: 14px;
}
#payment-form.secure-stripe .form-row .card-holder {
  background: #fff;
  border: 1px solid #000;
  font-size: 14px;
}
#payment-form.secure-stripe .form-row .card-holder::placeholder {
  color: #9e9e9e;
  line-height: 19px;
}
#payment-form.secure-stripe .form-row .card-holder--invalid {
  border-color: #ef4623;
}
#payment-form.secure-stripe .form-row .StripeElement {
  padding: 10px;
  border: 1px solid #000;
  background: #fff;
  margin: 0;
}
#payment-form.secure-stripe .form-row .StripeElement--invalid {
  border-color: #ef4623;
}
#payment-form.secure-stripe .form-row .card-errors {
  font-size: 12px;
  color: #ef4623;
}
#payment-form.secure-stripe .stripe-place-order {
  width: 78%;
}
#payment-form.secure-stripe .stripe-place-order .button.primary {
  font-size: 14px;
  border-radius: 0;
  margin-left: 0;
}
.stripe-label {
  background-color: #f7f7f7;
  display: block;
  font-size: 13px;
  padding-left: 16px;
  margin-bottom: 0;
}
.powered_by_stripe {
  background-color: #f7f7f7;
  padding: 16px 16px 10px 16px;
}
.powered_by_stripe img {
  float: right;
  width: 100px;
}
.alternative-header {
  margin-bottom: 15px;
}
#contents [name="paymentBrainTree"],
#contents [name="brainTree-form"] {
  border: 1px solid #dee2e5;
  padding: 35px;
  width: 95%;
}
#contents [name="paymentBrainTree"] .defButton,
#contents [name="brainTree-form"] .defButton {
  background-color: #002d72;
  color: #fff;
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 38px;
  text-align: center;
  font-weight: bold;
}
.item__removal__popup__text,
.instructor__warning__message__text {
  width: 351px;
  padding: 20px;
  position: absolute;
  background-color: #fff;
  z-index: 1003;
  -webkit-box-shadow: 6px -7px 15px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 6px -7px 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 6px -3px 15px 0 rgba(0, 0, 0, 0.2);
  right: 30px;
  font-size: 15px;
  top: 3%;
  line-height: 20px;
}
.item__removal__popup__text:before,
.instructor__warning__message__text:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 88%;
  left: 75%;
  border: 10px solid black;
  border-color: transparent transparent #fff #fff;
  transform: rotate(135deg);
  box-shadow: -3px 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.item__removal__popup__text span,
.instructor__warning__message__text span {
  color: #333;
}
.item__removal__popup__text a,
.instructor__warning__message__text a {
  color: #005dab;
}
.item__removal__popup__text .icon-exclamation,
.instructor__warning__message__text .icon-exclamation {
  display: none;
}
.item__removal__cart__text,
.instructor__warning__message__clone {
  border: 4px solid #7cba32;
  padding: 20px;
  margin-top: 20px;
  font-size: 15px;
  top: 30%;
  z-index: 1;
  width: 65%;
  margin-bottom: 30px;
  margin-left: 9%;
}
.item__removal__cart__text a,
.instructor__warning__message__clone a {
  color: #005dab;
}
.item__removal__cart__text .icon-exclamation,
.instructor__warning__message__clone .icon-exclamation {
  color: #fff;
  background-color: #0180b3;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  vertical-align: bottom;
}
.item__removal__cart__text .icon-exclamation:before,
.instructor__warning__message__clone .icon-exclamation:before {
  vertical-align: sub;
}
@media (max-width: 720px) {
  .item__removal__popup__text {
    display: none;
  }
  .checkout-expand .checkoutMethod {
    display: block;
  }
  .checkout-expand .checkoutMethod .returningUser {
    width: 100%;
    margin-bottom: 15px;
  }
}
.stripe-ali-pay-button {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  cursor: pointer;
  font-size: 10px;
}
#ali-pay-form[name="paymentStripe"] {
  padding: 8px 16px 16px 16px;
  background-color: #f7f7f7;
  display: flex;
  width: 100%;
}
#ali-pay-form .stripe-place-order {
  width: 65%;
  margin-top: 0;
}
#ali-pay-form .stripe-place-order .button.primary {
  font-size: 10px;
  font-weight: bold;
  width: 33%;
  border-radius: 6px;
  margin: 0;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  color: #fff;
}
.eCommercePurchaseAccessWidgetContainer
  .add-journal-to-cart
  header
  .purchaseMessage.errorMsgParent {
  position: unset;
  background-color: transparent;
  color: #000;
  font-weight: normal;
}
.commerceExplainer {
  font-family: monospace;
  font-size: 12px;
  border: 1px solid #c5d7ef;
}
.commerceExplainer .container {
  width: 100%;
}
.commerceExplainer .container .header {
  background: none repeat scroll 0 0 #e5ecf9;
  padding: 2px;
  cursor: pointer;
  font-weight: bold;
}
.commerceExplainer .container .header::before {
  content: "+ ";
}
.commerceExplainer .container .content {
  display: none;
}
.commerceExplainer .container .header.expanded::before {
  content: "- ";
}
.commerceExplainer .container .header.collapsed::before {
  content: "+ ";
}
.commerceExplainer .container .empty::after {
  content: " [empty]";
}
.commerceExplainer .container .content li {
  list-style: none;
}
.commerceExplainer ul {
  padding: 0;
  margin: 0;
}
.commerceExplainer .header,
.commerceExplainer .commerceExplainer .content {
  padding: 5px 0 5px 5px;
}
.commerceExplainer li.bullet {
  list-style-type: disc;
}
.commerceExplainer div.header:hover {
  background: black;
  color: white;
}
.commerceExplainer div.header {
  color: black;
}
.commerceExplainer pre {
  outline: 1px solid #ccc;
  padding: 5px;
  margin: 5px;
}
.pb-wrap .tab--flex {
  position: unset !important;
}
.billingPayment {
  position: relative;
}
.billingPayment:after {
  content: "";
  clear: both;
  display: table;
}
.paymentLoader {
  width: 70px;
  position: absolute;
  z-index: 1;
  left: 45%;
  top: 95px;
}
.paymentOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background: #fff;
  text-align: center;
  z-index: 1;
}
.local-persona {
  display: none;
}
.confirmation-widget .price {
  font-weight: 700;
}
.confirmation-widget .cyberSourceBtn {
  min-width: 100px;
  min-height: 30px;
  background: url("/templates/jsp/pb2/img/credit-cards/cyberSource.png")
    no-repeat 50% 40%;
  background-size: contain;
  margin-left: 5px;
  color: transparent;
}
.confirmation-widget .cyberSource-label {
  background-color: #f7f7f7;
  display: block;
  font-size: 13px;
  padding: 5px 5px 5px 16px;
  margin-bottom: 10px;
}
.nmiBtn {
  min-width: 100px;
  min-height: 30px;
  background: url("/templates/jsp/images/nmi-logo.png") no-repeat 50% 40%;
  background-size: contain;
  margin-left: 5px;
  color: transparent;
  border: 1px solid #005dab;
  padding: 5px 10px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  background-color: black;
}
.nmi-label {
  background-color: #f7f7f7;
  display: block;
  font-size: 13px;
  padding: 5px 5px 5px 16px;
  margin-bottom: 10px;
}
.promoCodeBlock .appliedPromo {
  margin-top: 15px;
  margin-bottom: 3px;
}
.promoCodeBlock .checkBoxActive {
  display: table;
  background-color: #757575;
  border: 1px solid #757575;
  border-radius: 5px;
  padding: 0 5px 2px 5px;
  margin-bottom: 10px;
}
.promoCodeBlock .checkBoxActive label {
  display: inline;
  color: #fff;
  vertical-align: middle;
  font-weight: 500;
}
.promoCodeBlock .checkBoxActive a {
  margin-right: 25px;
}
.promoCodeBlock .checkBoxActive a span {
  color: #fff;
  font-size: 10px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .loading-overlay .loading {
    left: 46%;
  }
}
@media (max-width: 414px) {
  .loading-overlay .loading {
    left: 43%;
  }
}
.accessLimitWidget {
  background-color: #e6f5f9;
  padding: 15px 20px 10px;
  font-size: 1rem;
  border: 1px solid #ccc;
  color: #7092be;
}
.accessLimitWidget h2 {
  font-weight: bold;
  font-size: 1rem;
}
.accessLimitWidget p {
  padding: 10px 0 5px 0;
}
.accessLimitWidget .buttonCenter {
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
}
.accessLimitWidget .btn {
  padding: 10px 5px;
  width: 100px;
  color: #fff;
  display: inline-block;
}
.accessLimitWidget .viewBtn {
  background-color: #4280b3;
}
.accessLimitWidget .cancelBtn {
  background-color: #ff7f27;
}
.holdings ul {
  list-style-type: none;
}
.holdings .radio--primary input[type="radio"] {
  display: block;
}
.holdings input[type="radio"] {
  display: none;
}
.holdings input[type="radio"]:checked + span:not(.label-txt):before {
  color: #2780e3;
}
.holdings input[type="radio"]:checked + span:not(.label-txt):after {
  transform: scale(0.5);
  background: #2780e3;
}
.holdings input[type="radio"] + span:not(.label-txt) {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  cursor: pointer;
  transition: 0.28s ease;
}
.holdings input[type="radio"] + span:not(.label-txt):before {
  border: 2px solid #ccc;
}
.holdings input[type="radio"] + span:not(.label-txt):before,
.holdings input[type="radio"] + span:not(.label-txt):after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transition: 0.28s ease;
}
.eCommerce-labels span.eCommerce-colon {
  display: inline-flex;
}
.eCommerce-labels span.eCommerce-colon:after {
  content: ":";
}
.eCommerce-data {
  font-weight: bold;
}
.eCommerce-data span.eCommerce-comma {
  display: inline-flex;
}
.eCommerce-data span.eCommerce-comma:not(:last-of-type):after {
  content: ",";
}
.eCommerce-labels,
.eCommerce-data {
  padding: 0 1rem 0.5rem 0;
}
.without-label {
  padding: 0;
}
.without-label li.eCommerce-data {
  margin: 0;
  list-style-type: none;
}
.auto-width {
  width: auto;
}
@media (min-width: 721px) {
  .checkout-expand {
    width: 70%;
  }
  .checkout-expand .actions .button {
    width: 100%;
  }
}
.fulfilment-widget {
  text-align: center;
  margin: 32px 0;
}
.fulfilment-widget ul {
  text-align: left;
  list-style: inside;
}
.fulfilment-widget form {
  padding: 0 48px;
  text-align: left;
}
.fulfilment-widget .container {
  padding: 24px 0;
  text-align: center;
  width: 100%;
}
.fulfilment-widget .container .connect-auth {
  display: inline-block;
  width: 50%;
}
.fulfilment-widget .container .items-to-fulfil {
  width: 50%;
  display: inline-block;
}
.fulfilment-widget .container .items-to-fulfil form {
  text-align: left;
  padding: 0 50px;
}
.fulfilment-widget .separator {
  width: 75%;
  height: 1px;
  background-color: #0a0a0a;
  display: inline-block;
}
.institutional-login {
  background: 0;
}
.institutional-login .institutional--select .ms-sel-ctn {
  overflow: hidden;
  padding-top: 2px;
}
.institutional-login .institutional-heading--primary {
  border-bottom: 0;
}
.institutional-login .ms-sel-ctn {
  border: 0;
}
.font_huge {
  font-size: 30px;
}
.font_bigger {
  font-size: 25px;
}
.font_big {
  font-size: 18px;
}
.font_normal {
  font-size: 15px;
}
.font_small {
  font-size: 12px;
}
.font_tiny {
  font-size: 10px;
}
.icomoon {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shibboleth .header {
  text-transform: uppercase;
  color: #204c8b;
  border-bottom: 1px solid #ddd;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.shibboleth .open-athens .header {
  border-bottom: 0;
  text-transform: none;
}
.shibboleth .content {
  padding-left: 15px;
}
.shibboleth .recent {
  color: #000;
}
.shibboleth .federation {
  color: #000;
  padding-bottom: 20px;
}
.shibboleth .federation .name {
  text-transform: uppercase;
}
.shibboleth .federation .name a:after {
  font-family: "icomoon";
  font-size: 8px;
  margin-left: 5px;
  content: "\e61c";
  vertical-align: middle;
}
.shibboleth .federation .name a.collapsed:after {
  content: "\e61d";
}
.shibboleth ul {
  list-style: none;
  padding: 0;
}
.shibboleth li {
  padding-top: 2px;
  padding-bottom: 2px;
}
.shibboleth li a {
  color: #000;
}
.institutional-login {
  font: 400 14px/16px;
  margin: auto;
  max-width: 650px;
  padding: 0 18px;
}
.institutional-heading--primary {
  color: #204c8b;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
}
.institutional--link {
  color: #1554b2;
  font-weight: 500;
  flex-shrink: 0;
}
.institutional--select {
  margin: 16px 0 32px;
  position: relative;
  font: 400 12px/16px;
}
.institutional--select .ms-ctn-focus {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
}
.institutional--select .ms-ctn-focus .ms-sel-ctn::after {
  content: none;
}
.institutional--select .loader,
.institutional--select .loader:after {
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.institutional--select .loader {
  margin: 0;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid rgba(0, 0, 0, 0.2);
  border-right: 3px solid rgba(0, 0, 0, 0.2);
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  border-left: 3px solid #000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 767px) {
  .institutional-heading--primary {
    order: 2;
  }
  .institutional--link {
    order: 1;
    margin-bottom: 16px;
  }
}
.institutional--select .ms-ctn {
  width: 100%;
  padding: 0;
}
.institutional--select .ms-empty-res h4 {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 16px;
}
.institutional--select .ms-empty-res em {
  background: transparent;
  color: #000;
  font-weight: 500;
  font-style: normal;
}
.institutional--select .ms-empty-res p {
  margin: 0;
}
.institutional--select .ms-helper {
  box-sizing: border-box;
  color: #757575;
  flex-shrink: 0;
  font: inherit;
  left: 0;
  margin: 0;
  order: 2;
  position: absolute;
  text-align: center;
  top: 100%;
  width: 100%;
}
.institutional--select .ms-helper.visible {
  padding: 16px 0;
  border: 1px solid #d9d9d9;
  border-top: 0;
}
.institutional--select .ms-helper .ms-recently-logged {
  border-top: 1px solid #d9d9d9;
  margin: 16px 16px -8px;
  padding: 8px 0 0;
  text-align: left;
}
.institutional--select .ms-helper .ms-recently-logged h5 {
  color: #000;
  font-size: 10px;
  font-weight: 400;
  margin: 0;
}
.institutional--select .ms-helper .ms-recently-logged .ms-org-row {
  display: flex;
  margin-top: 8px;
}
.institutional--select .ms-helper .ms-recently-logged .ms-org-remove {
  flex: 0 0 auto;
  padding: 4px;
  background-color: transparent;
}
.institutional--select .ms-res-item a {
  padding: 8px;
  display: block;
}
.institutional--select .ms-res-item em {
  background: transparent;
  color: #000;
  font-style: normal;
  font-weight: 600;
}
.institutional--select .ms-helper .ms-recently-logged a,
.institutional--select .ms-res-item a {
  color: #757575;
  font-weight: 500;
  text-decoration: none;
  flex-grow: 1;
}
.institutional--select .ms-helper .ms-recently-logged a:hover,
.institutional--select .ms-res-item a:hover {
  color: #000;
}
.institutional--select .ms-res-ctn.dropdown-menu {
  border: 1px solid #d9d9d9;
  border-top: 0;
  padding: 8px;
  overflow: auto;
}
.institutional--select .ms-sel-ctn {
  border: 1px solid #d9d9d9;
  flex: 1;
  font: 400 12px/16px;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}
.institutional--select .ms-sel-ctn::after {
  content: "";
  width: 12px;
  height: 34px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 14px;
  background-image: url("/templates/jsp/images/icons_search.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin-top: 3px;
}
.institutional--select .ms-sel-ctn .ms-sel-item {
  box-sizing: border-box;
  height: calc(98%);
  left: 1px;
  position: absolute;
  top: 1px;
  width: 100%;
}
.institutional--select .ms-sel-ctn input,
.institutional--select .ms-sel-ctn .ms-sel-item {
  font: inherit;
  font-weight: 500;
  padding: 8px 14px;
  background: white;
}
.institutional--select .ms-sel-ctn input {
  box-sizing: border-box;
  border: 0;
  width: 100% !important;
  outline: 0;
  padding-right: 40px;
  margin: 0;
}
.institutional--select input::-webkit-input-placeholder {
  color: #757575;
  font: 500 12px/16px;
}
.institutional--select input::-moz-placeholder {
  color: #757575;
  font: 500 12px/16px;
}
.institutional--select input:-ms-input-placeholder {
  color: #757575;
  font: 500 12px/16px;
}
.institutional--select input:-moz-placeholder {
  color: #757575;
  font: 500 12px/16px;
}
#msBlur {
  position: absolute;
  right: 7px;
  top: 10px;
  cursor: pointer;
}
.federation--list,
.federation--list-inner {
  color: #757575;
  font-weight: 500;
  font-size: 12px;
  list-style-type: none;
  margin: 16px 0;
  padding-inline-start: 0;
}
.federation--list a,
.federation--list-inner a {
  color: inherit;
  text-decoration: none;
  padding: 16px 0;
  display: inline-block;
}
.federation--list a:hover,
.federation--list-inner a:hover,
.federation--list a:focus,
.federation--list-inner a:focus,
.federation--list a:active,
.federation--list-inner a:active {
  color: #000;
}
.federation--list li {
  border-bottom: 1px solid #d9d9d9;
}
.federation--list-inner {
  margin: 24px 0;
}
.federation--list-inner a {
  padding: 8px 0;
}
.goBack--section {
  box-sizing: border-box;
  min-height: 72px;
  padding: 24px 0;
}
.goBack--link {
  color: #000;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
}
.goBack--link-icon {
  margin: 0 4px;
  vertical-align: middle;
}
.goBack--link-icon + .goBack--link-text {
  margin-left: 8px;
}
.goBack--link-text {
  margin: 0 4px;
  vertical-align: middle;
}
.boxed-title {
  align-items: center;
  border-bottom: 3px solid #204c8b;
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}
@media screen and (max-width: 767px) {
  .boxed-title {
    flex-direction: column;
    align-items: unset;
  }
}
.center-aligned {
  text-align: center;
}
.decorative-element {
  max-width: 100%;
  width: 300px;
  margin: 16px auto;
  position: relative;
}
.decorative-element:before {
  background: #d9d9d9;
  content: " ";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 0;
}
.decorative-element span {
  background: white;
  padding: 0 12px;
  display: inline-block;
  position: relative;
}
.institution-preference-userconsent-container {
  width: 1000px;
  padding-top: 20px;
}
.institution-preference-userconsent-container
  .institution-preference-userconsent-text,
.institution-preference-userconsent-container
  .institution-preference-userconsent-checkbox {
  display: inline-block;
}
.institution-preference-userconsent-container
  .institution-preference-userconsent-checkbox {
  margin-top: 9px;
  height: 16px;
  width: 16px;
}
.institution-preference-userconsent-container .seamless-access-link {
  width: 120px;
  vertical-align: middle;
}
.institution-preference-userconsent-container
  .institution-preference-learnmore-userconsent {
  color: #0a68b4;
}
.modal-backdrop {
  background: transparent;
}
#learnMorePopup .modal__dialog {
  overflow: visible;
  padding: 0;
  box-shadow: 0 3px 6px #00029;
  margin: 150px auto;
}
#learnMorePopup .modal__header {
  height: 28px;
  background-color: #eaeaea;
  padding: 0 10px;
}
#learnMorePopup .modal__header .close i {
  color: #707070;
}
#learnMorePopup .modal__header .dots .dot {
  background-color: #707070;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
#learnMorePopup .modal__body .seamlessAccessLogo {
  padding: 11px 17px;
}
#learnMorePopup .modal__body .border--separator {
  border-bottom: solid 1px #d8d9dd;
}
#learnMorePopup .modal__body .popupContent {
  padding: 5px 20px;
}
#learnMorePopup .modal__body .popupContent a {
  color: #006f97;
  outline: 0;
  text-decoration: none;
}
#learnMorePopup .modal__body .popupContent .additionalInfo {
  margin: 20px 0;
  text-align: center;
}
#learnMorePopup .modal__footer {
  text-align: center;
  background-color: #eaeaea;
  padding: 8px 10px;
  border: 0;
  margin: 0;
}
.icon-info-circle:before {
  content: url("/templates/jsp/images/icon_info.gif");
}
.icon-close:before {
  content: url("/templates/jsp/images/close.svg");
}
.font_huge {
  font-size: 30px;
}
.font_bigger {
  font-size: 25px;
}
.font_big {
  font-size: 18px;
}
.font_normal {
  font-size: 15px;
}
.font_small {
  font-size: 12px;
}
.font_tiny {
  font-size: 10px;
}
.icomoon {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.login-form.remote {
  margin: auto;
  max-width: 650px;
  padding: 30px 18px 0;
}
.login-form.remote h1 {
  color: #204c8b;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
}
.ms-helper .institutional--select {
  background-color: white;
}
.ms-helper .institutional--select {
  background-color: white;
}
.tfa-form-container {
  border: 1px solid #999;
  border-radius: 3px;
  text-align: center;
  margin: 0 auto;
  max-width: 455px;
  width: 455px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.tfa-form-container .type-number {
  border: 1px solid #b3b3b3;
  padding: 10px;
  width: 100%;
  border-radius: 3px;
}
.tfa-form-container .type-pass-pin {
  border: 1px solid #b3b3b3;
  padding: 10px;
  width: 93%;
  border-radius: 3px;
  margin-bottom: 15px;
}
.tfa-form-container .js__pincode-container,
.tfa-form-container .js__pinCode {
  padding: 20px 0;
}
.tfa-form-container h3 {
  color: #808080;
  font-weight: normal;
  font-size: 20px;
}
.tfa-form-container .text-to-comp {
  font-size: 16px;
  color: #808080;
}
.tfa-form-container .small-container-300 {
  max-width: 300px;
  text-align: center;
  margin: 0 auto;
  padding: 50px 0;
}
.tfa-form-container .small-container-two {
  text-align: left;
  margin: 0 auto;
  padding: 50px 30px;
}
.tfa-form-container #hidden-message {
  padding: 20px;
  background: #e7e7e7;
  border-radius: 3px;
  margin: 20px 0;
  text-align: left;
  visibility: hidden;
}
.tfa-form-container .extra-space {
  padding: 20px;
  margin: 20px 0;
  visibility: hidden;
}
.tfa-form-container .extra-space.background-none {
  background: transparent;
}
.tfa-form-container .font-size-12 {
  font-size: 12px;
}
.tfa-form-container .font-size-14 {
  font-size: 14px;
}
.tfa-form-container .font-size-nor {
  font-size: 16px;
}
.OK-btn {
  width: 100%;
  height: 38px;
  border-radius: 3px;
  margin: 10px 0;
  padding: 10px 0;
  border: 0;
  cursor: pointer;
  background-color: #a9a9a9;
}
.tfa-form-container input[type="submit"]:disabled {
  background-color: #ddd;
  border: 0;
}
.tfa-form-container .checked-inp {
  background: #e8e8e8;
}
.tfa-form-container .send-anther-pin {
  display: block;
  color: #000;
  margin-top: 5px;
  text-decoration: underline;
}
.tfa-form-container .text-align-left {
  text-align: left;
}
.tfa-form-container .hide {
  display: none;
}
.tfa-form-container .js__pinCode input[type="checkbox"] {
  display: none;
}
.tfa-form-container .js__pinCode input[type="checkbox"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background: url("/templates/jsp/images/tfa/arowpng.png") -19px top no-repeat;
  cursor: pointer;
}
.tfa-form-container .js__pinCode input[type="checkbox"]:checked + label span {
  background: url("/templates/jsp/images/tfa/arowpng.png") 0 top no-repeat;
}
.tfa-form-container .remember {
  display: block;
  text-align: left;
  font-size: 14px;
  margin-top: 15px;
}
.tfa-form-container .mobile_error,
.tfa-form-container .empty-error,
.tfa-form-container .char-error,
.tfa-form-container .error-msg {
  color: red;
  font-size: 14px;
  text-align: left;
  float: left;
  padding-top: 10px;
}
.tfa-form-container .user-email {
  font-size: 14px;
  padding-bottom: 10px;
  display: block;
}
.tfa-form-container .step-two {
  font-size: 14px;
  float: left;
  color: #000;
}
.tfa-form-container .rounded-image {
  max-width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 15px;
}
.tfa-form-container .gray-button {
  background: #999;
  border: 1px solid gray;
  border-radius: 3px;
  color: #fff;
  padding: 7px 10px;
  display: inline-block;
  margin-top: 132px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
}
.tfa-form-container .all-text {
  display: inline-block;
}
.tfa-form-container .all-text p {
  font-size: 14px;
}
.tfa-form-container .text-box-step2 {
  width: 200px;
  padding: 20px 10px;
  display: inline-block;
  float: left;
}
.tfa-form-container .margin-btm-15 {
  margin-bottom: 15px;
}
.tfa-form-container input.js-number {
  width: 160px;
  float: left;
  margin-left: 10px;
}
.tfa-form-container input.js-code {
  width: 80px;
  float: left;
}
.tfa-form-container
  .intl-tel-input.allow-dropdown.separate-dial-code
  .selected-dial-code {
  padding-left: 13px;
}
@media (max-width: 480px) {
  .tfa-form-container {
    padding: 0 20px;
    width: 100%;
  }
  .tfa-form-container #hidden-message,
  .tfa-form-container .extra-space {
    display: none;
  }
  .tfa-form-container .small-container-300 {
    text-align: left;
  }
  .tfa-form-container .margin-t15 {
    margin-top: 15px;
  }
  .tfa-form-container .font-size-nor {
    font-size: 14px;
  }
  .tfa-form-container .text-to-comp {
    font-size: 14px;
  }
  .tfa-form-container h3 {
    font-size: 22px;
  }
  .tfa-form-container .remember {
    font-size: 12px;
  }
  .tfa-form-container .step-two {
    font-size: 12px;
  }
}
.f32 .flag {
  width: auto;
  clear: right;
  display: block;
  cursor: pointer;
  padding-left: 40px;
  background-position-x: 5px;
}
.f32 .flag {
  padding-left: 44px;
}
.f32 span,
.f32 i {
  display: inline-block;
  width: 32px;
  line-height: 32px;
  vertical-align: bottom;
}
.f32 i {
  margin-left: -76px;
  margin-right: 44px;
  color: silver;
}
.flag.deprecated {
  color: silver;
}
.flag.island {
  color: navy;
}
.tfa-form-container .selected-con {
  display: inline;
  position: absolute;
  right: auto;
  top: 8px;
  left: 1px;
  cursor: pointer;
  width: 88px;
  padding: 4px 0;
  padding-left: 5px;
  border-radius: 3px;
  background: #efefef;
}
.tfa-form-container #js__countries {
  position: relative;
}
.tfa-form-container .hide-item {
  display: none;
}
.tfa-form-container a.hovered-item,
.tfa-form-container a {
  display: block;
}
.tfa-form-container .hovered-item a:hover {
  background-color: #efefef;
}
.tfa-form-container .hovered-item {
  background-color: #efefef;
}
ul#js__countries-select li div {
  display: inline-block;
}
.flag {
  display: inline-block;
  height: 32px;
  width: 32px;
  vertical-align: text-top;
  line-height: 32px;
  background: url(/templates/jsp/images/tfa/flags32-1.png) no-repeat;
  padding-left: 34px;
}
._African_Union {
  background-position: 0 -32px;
}
._Arab_League {
  background-position: 0 -64px;
}
._ASEAN {
  background-position: 0 -96px;
}
._CARICOM {
  background-position: 0 -128px;
}
._CIS {
  background-position: 0 -160px;
}
._Commonwealth {
  background-position: 0 -192px;
}
._England {
  background-position: 0 -224px;
}
._European_Union,
.eu {
  background-position: 0 -256px;
}
._Islamic_Conference {
  background-position: 0 -288px;
}
._Kosovo {
  background-position: 0 -320px;
}
._NATO {
  background-position: 0 -352px;
}
._Northern_Cyprus {
  background-position: 0 -384px;
}
._Northern_Ireland {
  background-position: 0 -416px;
}
._Olimpic_Movement {
  background-position: 0 -448px;
}
._OPEC {
  background-position: 0 -480px;
}
._Red_Cross {
  background-position: 0 -512px;
}
._Scotland {
  background-position: 0 -544px;
}
._Somaliland {
  background-position: 0 -576px;
}
._Tibet {
  background-position: 0 -608px;
}
._United_Nations {
  background-position: 0 -640px;
}
._Wales {
  background-position: 0 -672px;
}
.ad {
  background-position: 0 -724px;
}
.ac {
  background-position: 0 -20px;
}
.ae {
  background-position: 0 -756px;
}
.af {
  background-position: 0 -788px;
}
.ag {
  background-position: 0 -820px;
}
.ai {
  background-position: 0 -852px;
}
.al {
  background-position: 0 -884px;
}
.am {
  background-position: 0 -916px;
}
.ao {
  background-position: 0 -948px;
}
.aq {
  background-position: 0 -980px;
}
.ar {
  background-position: 0 -1012px;
}
.as {
  background-position: 0 -1044px;
}
.at {
  background-position: 0 -1076px;
}
.au {
  background-position: 0 -1108px;
}
.aw {
  background-position: 0 -1140px;
}
.ax {
  background-position: 0 -1172px;
}
.az {
  background-position: 0 -1204px;
}
.ba {
  background-position: 0 -1236px;
}
.bb {
  background-position: 0 -1268px;
}
.bd {
  background-position: 0 -1300px;
}
.be {
  background-position: 0 -1332px;
}
.bf {
  background-position: 0 -1364px;
}
.bg {
  background-position: 0 -1396px;
}
.bh {
  background-position: 0 -1428px;
}
.bi {
  background-position: 0 -1460px;
}
.bj {
  background-position: 0 -1492px;
}
.bm {
  background-position: 0 -1524px;
}
.bn {
  background-position: 0 -1556px;
}
.bo {
  background-position: 0 -1588px;
}
.br {
  background-position: 0 -1620px;
}
.bs {
  background-position: 0 -1652px;
}
.bt {
  background-position: 0 -1684px;
}
.bw {
  background-position: 0 -1716px;
}
.by {
  background-position: 0 -1748px;
}
.bz {
  background-position: 0 -1780px;
}
.ca {
  background-position: 0 -1812px;
}
.cd {
  background-position: 0 -1844px;
}
.cf {
  background-position: 0 -1876px;
}
.cg {
  background-position: 0 -1907px;
}
.ch {
  background-position: 0 -1940px;
}
.ci {
  background-position: 0 -1972px;
}
.ck {
  background-position: 0 -2004px;
}
.cl {
  background-position: 0 -2036px;
}
.cm {
  background-position: 0 -2068px;
}
.cn {
  background-position: 0 -2100px;
}
.co {
  background-position: 0 -2132px;
}
.cr {
  background-position: 0 -2164px;
}
.cu {
  background-position: 0 -2196px;
}
.cv {
  background-position: 0 -2228px;
}
.cy {
  background-position: 0 -2260px;
}
.cz {
  background-position: 0 -2292px;
}
.de {
  background-position: 0 -2324px;
}
.dj {
  background-position: 0 -2356px;
}
.dk {
  background-position: 0 -2388px;
}
.dm {
  background-position: 0 -2420px;
}
.do {
  background-position: 0 -2452px;
}
.dz {
  background-position: 0 -2484px;
}
.ec {
  background-position: 0 -2516px;
}
.ee {
  background-position: 0 -2548px;
}
.eg {
  background-position: 0 -2580px;
}
.eh {
  background-position: 0 -2612px;
}
.er {
  background-position: 0 -2644px;
}
.es {
  background-position: 0 -2676px;
}
.et {
  background-position: 0 -2707px;
}
.fi {
  background-position: 0 -2740px;
}
.fj {
  background-position: 0 -2772px;
}
.fm {
  background-position: 0 -2804px;
}
.fo {
  background-position: 0 -2837px;
}
.fr {
  background-position: 0 -2868px;
}
.bl,
.cp,
.mf,
.yt {
  background-position: 0 -2868px;
}
.ga {
  background-position: 0 -2900px;
}
.gb {
  background-position: 0 -2932px;
}
.sh {
  background-position: 0 8px;
}
.gd {
  background-position: 0 -2964px;
}
.ge {
  background-position: 0 -2996px;
}
.gg {
  background-position: 0 -3028px;
}
.gh {
  background-position: 0 -3060px;
}
.gi {
  background-position: 0 -3092px;
}
.gl {
  background-position: 0 -3124px;
}
.gm {
  background-position: 0 -3156px;
}
.gn {
  background-position: 0 -3188px;
}
.gp {
  background-position: 0 -3220px;
}
.gq {
  background-position: 0 -3252px;
}
.gr {
  background-position: 0 -3284px;
}
.gt {
  background-position: 0 -3316px;
}
.gu {
  background-position: 0 -3348px;
}
.gw {
  background-position: 0 -3380px;
}
.gy {
  background-position: 0 -3412px;
}
.hk {
  background-position: 0 -3444px;
}
.hn {
  background-position: 0 -3476px;
}
.hr {
  background-position: 0 -3508px;
}
.ht {
  background-position: 0 -3540px;
}
.hu {
  background-position: 0 -3572px;
}
.id {
  background-position: 0 -3604px;
}
.mc {
  background-position: 0 -3604px;
}
.ie {
  background-position: 0 -3636px;
}
.il {
  background-position: 0 -3668px;
}
.im {
  background-position: 0 -3700px;
}
.in {
  background-position: 0 -3732px;
}
.iq {
  background-position: 0 -3764px;
}
.ir {
  background-position: 0 -3796px;
}
.is {
  background-position: 0 -3828px;
}
.it {
  background-position: 0 -3860px;
}
.je {
  background-position: 0 -3892px;
}
.jm {
  background-position: 0 -3924px;
}
.jo {
  background-position: 0 -3956px;
}
.jp {
  background-position: 0 -3988px;
}
.ke {
  background-position: 0 -4020px;
}
.kg {
  background-position: 0 -4052px;
}
.kh {
  background-position: 0 -4084px;
}
.ki {
  background-position: 0 -4116px;
}
.km {
  background-position: 0 -4148px;
}
.kn {
  background-position: 0 -4180px;
}
.kp {
  background-position: 0 -4212px;
}
.kr {
  background-position: 0 -4244px;
}
.kw {
  background-position: 0 -4276px;
}
.ky {
  background-position: 0 -4308px;
}
.kz {
  background-position: 0 -4340px;
}
.la {
  background-position: 0 -4372px;
}
.lb {
  background-position: 0 -4404px;
}
.lc {
  background-position: 0 -4436px;
}
.li {
  background-position: 0 -4468px;
}
.lk {
  background-position: 0 -4500px;
}
.lr {
  background-position: 0 -4532px;
}
.ls {
  background-position: 0 -4564px;
}
.lt {
  background-position: 0 -4596px;
}
.lu {
  background-position: 0 -4628px;
}
.lv {
  background-position: 0 -4660px;
}
.ly {
  background-position: 0 -4692px;
}
.ma {
  background-position: 0 -4724px;
}
.md {
  background-position: 0 -4756px;
}
.me {
  background-position: 0 -4788px;
}
.mg {
  background-position: 0 -4820px;
}
.mh {
  background-position: 0 -4852px;
}
.mk {
  background-position: 0 -4884px;
}
.ml {
  background-position: 0 -4916px;
}
.mm {
  background-position: 0 -4948px;
}
.mn {
  background-position: 0 -4980px;
}
.mo {
  background-position: 0 -5012px;
}
.mq {
  background-position: 0 -5044px;
}
.mr {
  background-position: 0 -5076px;
}
.ms {
  background-position: 0 -5108px;
}
.mt {
  background-position: 0 -5140px;
}
.mu {
  background-position: 0 -5172px;
}
.mv {
  background-position: 0 -5204px;
}
.mw {
  background-position: 0 -5236px;
}
.mx {
  background-position: 0 -5268px;
}
.my {
  background-position: 0 -5300px;
}
.mz {
  background-position: 0 -5332px;
}
.na {
  background-position: 0 -5364px;
}
.nc {
  background-position: 0 -5396px;
}
.ne {
  background-position: 0 -5428px;
}
.ng {
  background-position: 0 -5460px;
}
.ni {
  background-position: 0 -5492px;
}
.nl {
  background-position: 0 -5524px;
}
.bq {
  background-position: 0 -5504px;
}
.no {
  background-position: 0 -5556px;
}
.bv,
.nq,
.sj {
  background-position: 0 -5536px;
}
.np {
  background-position: 0 -5588px;
}
.nr {
  background-position: 0 -5620px;
}
.nz {
  background-position: 0 -5652px;
}
.om {
  background-position: 0 -5684px;
}
.pa {
  background-position: 0 -5716px;
}
.pe {
  background-position: 0 -5748px;
}
.pf {
  background-position: 0 -5780px;
}
.pg {
  background-position: 0 -5812px;
}
.ph {
  background-position: 0 -5844px;
}
.pk {
  background-position: 0 -5876px;
}
.pl {
  background-position: 0 -5908px;
}
.pr {
  background-position: 0 -5940px;
}
.ps {
  background-position: 0 -5972px;
}
.pt {
  background-position: 0 -6004px;
}
.pw {
  background-position: 0 -6036px;
}
.py {
  background-position: 0 -6068px;
}
.qa {
  background-position: 0 -6100px;
}
.re {
  background-position: 0 -6132px;
}
.ro {
  background-position: 0 -6164px;
}
.rs {
  background-position: 0 -6196px;
}
.ru {
  background-position: 0 -6228px;
}
.rw {
  background-position: 0 -6260px;
}
.sa {
  background-position: 0 -6292px;
}
.sb {
  background-position: 0 -6324px;
}
.sc {
  background-position: 0 -6356px;
}
.sd {
  background-position: 0 -6388px;
}
.se {
  background-position: 0 -6420px;
}
.sg {
  background-position: 0 -6452px;
}
.si {
  background-position: 0 -6484px;
}
.sk {
  background-position: 0 -6516px;
}
.sl {
  background-position: 0 -6548px;
}
.sm {
  background-position: 0 -6580px;
}
.sn {
  background-position: 0 -6612px;
}
.so {
  background-position: 0 -6644px;
}
.sr {
  background-position: 0 -6676px;
}
.st {
  background-position: 0 -6708px;
}
.sv {
  background-position: 0 -6740px;
}
.sy {
  background-position: 0 -6772px;
}
.sz {
  background-position: 0 -6804px;
}
.tc {
  background-position: 0 -6836px;
}
.td {
  background-position: 0 -6868px;
}
.tg {
  background-position: 0 -6900px;
}
.th {
  background-position: 0 -6932px;
}
.tj {
  background-position: 0 -6964px;
}
.tl {
  background-position: 0 -6996px;
}
.tm {
  background-position: 0 -7028px;
}
.tn {
  background-position: 0 -7060px;
}
.to {
  background-position: 0 -7092px;
}
.tr {
  background-position: 0 -7124px;
}
.tt {
  background-position: 0 -7156px;
}
.tv {
  background-position: 0 -7188px;
}
.tw {
  background-position: 0 -7220px;
}
.tz {
  background-position: 0 -7252px;
}
.ua {
  background-position: 0 -7284px;
}
.ug {
  background-position: 0 -7316px;
}
.us {
  background-position: 0 -7348px;
}
.uy {
  background-position: 0 -7380px;
}
.uz {
  background-position: 0 -7412px;
}
.va {
  background-position: 0 -7444px;
}
.vc {
  background-position: 0 -7476px;
}
.ve {
  background-position: 0 -7508px;
}
.vg {
  background-position: 0 -7540px;
}
.vi {
  background-position: 0 -7572px;
}
.vn {
  background-position: 0 -7604px;
}
.vu {
  background-position: 0 -7636px;
}
.ws {
  background-position: 0 -7668px;
}
.ye {
  background-position: 0 -7700px;
}
.za {
  background-position: 0 -7732px;
}
.zm {
  background-position: 0 -7764px;
}
.zw {
  background-position: 0 -7796px;
}
.sx {
  background-position: 0 -7828px;
}
.cw {
  background-position: 0 -7860px;
}
.ss {
  background-position: 0 -7892px;
}
.nu {
  background-position: 0 -7924px;
}
.io {
  background-position: 0 -7951px;
}
.cc {
  background-position: 0 -7976px;
}
.bq {
  background-position: 0 -8006px;
}
.cx {
  background-position: 0 -8032px;
}
.gf {
  background-position: 0 -8063px;
}
.gp {
  background-position: 0 -8095px;
}
.pm {
  background-position: 0 -8158px;
}
.sj {
  background-position: 0 -8187px;
}
.cs {
  background-position: 0 -8250px;
}
.fk {
  background-position: 0 -8279px;
}
.mp {
  background-position: 0 -8306px;
}
.nf {
  background-position: 0 -8336px;
}
.tk {
  background-position: 0 -8364px;
}
.wf {
  background-position: 0 -8394px;
}
.xk {
  background-position: 0 -339px;
}
.ta {
  background-position: 0 8px;
}
.f32 .flag {
  width: auto;
  clear: right;
  display: block;
  cursor: pointer;
  padding-left: 40px;
  background-position-x: 5px;
}
.f32 .flag {
  padding-left: 44px;
}
.f32 span,
.f32 i {
  display: inline-block;
  width: 32px;
  line-height: 32px;
  vertical-align: bottom;
}
.f32 i {
  margin-left: -76px;
  margin-right: 44px;
  color: silver;
}
.flag.deprecated {
  color: silver;
}
.flag.island {
  color: navy;
}
.tfa-form-container #js__mobile-countries {
  width: 63%;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #b3b3b3;
  padding: 4px 0;
  box-sizing: content-box;
  padding-left: 110px;
  font-family: inherit;
}
.tfa-form-container #js__countries {
  position: relative;
}
.tfa-form-container .scrollableList:after {
  content: "";
  display: block;
  clear: both;
}
.tfa-form-container .scrollableList ul {
  padding: 3px 0 3px 0;
  margin: 0;
  margin-left: -5px;
  position: absolute;
  width: 208px;
  background: #fafafa;
  margin-top: 5px;
  border: 1px solid #dedede;
}
.tfa-form-container .scrollableList ul li {
  list-style: none;
  cursor: pointer;
  line-height: 25px;
}
.tfa-form-container .selectedOption {
  margin-left: 10px;
  margin-top: 2px;
  cursor: pointer;
  background: url("https://img2.wikia.nocookie.net/__cb20120818025551/merlin1/images/4/46/Drop_down_arrow.gif")
    no-repeat right;
  height: 20px;
  font-weight: bold;
}
.tfa-form-container #js__mobile-countries {
  width: 63%;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #b3b3b3;
  padding: 4px 0;
  box-sizing: content-box;
  padding-left: 110px;
  font-family: inherit;
}
.tfa-form-container .scrollableList ul li:hover {
  color: #c33;
}
.tfa-form-container .selectedOption:hover {
  color: #333;
}
.tfa-form-container .hide {
  display: none;
}
.tfa-form-container #selectOneOfTheOptions a {
  display: block;
  width: 56%;
  height: 100%;
  color: #000;
  box-sizing: content-box;
}
.tfa-form-container a.hovered-item,
.tfa-form-container a {
  display: block;
  text-decoration: none;
}
#js__countries-select a {
  color: #000;
}
#js__countries-select li:hover a {
  display: block;
  background-color: #efefef;
}
#js__countries-select li a:hover {
  background-color: #efefef;
}
#js__countries-select li:hover {
  background-color: #efefef;
}
ul#js__countries-select li div {
  display: inline-block;
}
.tfa-form-container .makeMeList {
  position: absolute;
  right: auto;
  top: 0;
  left: 0;
  height: 42px;
  cursor: pointer;
  width: 115px;
  padding: 4px 0;
  padding-left: 5px;
  border-radius: 3px;
  background: #efefef;
  z-index: 152;
}
.tfa-form-container #selectOneOfTheOptions {
  margin-right: 10px;
  margin-bottom: 20px;
  border: 1px solid #b3b3b3;
  display: block;
  cursor: pointer;
  width: 100px;
  padding: 4px 0;
  padding-left: 5px;
  border-radius: 3px;
  background: #efefef;
  color: #666;
  z-index: 156;
  position: absolute;
  right: auto;
  top: 0;
  left: auto;
}
.phone-verification-container #selectOneOfTheOptions {
  width: 100%;
  background: #fff;
}
.tfa-form-container ul#js__countries-select {
  overflow: scroll;
  overflow-x: hidden;
  padding-left: 20px;
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  max-width: 300px;
  width: 300px;
  top: 49px;
}
.tfa-form-container .countries-select {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.tfa-form-container .formHolder {
  position: relative;
}
.tfa-form-container .mobile_error,
.tfa-form-container .empty-error,
.tfa-form-container .char-error,
.tfa-form-container .error-msg {
  color: red;
  font-size: 14px;
  text-align: left;
  float: left;
  padding-top: 10px;
}
.tfa-form-container #container-all {
  position: relative;
}
.notAuth-ribbon-container {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 40;
}
.notAuth-msg-container {
  max-width: 460px;
  transition: all 0.3s;
  background-color: #000;
  padding: 15px 15px 15px 10px;
  min-height: 70px;
  float: left;
  display: flex;
  align-items: center;
}
.notAuth-msg-container img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.notAuth-msg-container.collapsed {
  margin-right: -460px;
  visibility: hidden;
}
.notAuth-msg-container .notAuth-msg {
  line-height: normal;
}
.notAuth-msg-container .notAuth-msg a {
  color: #fff;
  font-size: 15px;
}
.notAuth-msg-container .notAuth-msg a:hover {
  text-decoration: underline;
}
.literatumNoneSecureSession .pb-collapse {
  background-color: #000;
  border: 0;
  color: #fff;
  outline: 0;
  height: 70px;
}
.pb-collapse img {
  width: 15px;
  height: 15px;
}
.tfa-form-container .error-msg {
  display: block;
  float: none;
}