.white {
  background-color: #ffffff; }

.white-text {
  color: #ffffff; }

.black {
  background-color: #000000; }

.black-text {
  color: #000000; }

.black-highlight {
  background-color: #3e3e3e; }

.black-highlight-text {
  color: #3e3e3e; }

.dark-grey {
  background-color: #2d2d2d; }

.dark-grey-text {
  color: #2d2d2d; }

.light-grey {
  background-color: #939393; }

.light-grey-text {
  color: #939393; }

.lightish-grey {
  background-color: #d6d6d6; }

.lightish-grey-text {
  color: #d6d6d6; }

.lighter-grey {
  background-color: #f3f3f3; }

.lighter-grey-text {
  color: #f3f3f3; }

.lightest-grey {
  background-color: #efefef; }

.lightest-grey-text {
  color: #efefef; }

.shadow-grey {
  background-color: #d3d3d3; }

.shadow-grey-text {
  color: #d3d3d3; }

.green {
  background-color: #376e26; }

.green-text {
  color: #376e26; }

.light-green {
  background-color: #4a9035; }

.light-green-text {
  color: #4a9035; }

.light-blue {
  background-color: #E7E9F1; }

.light-blue-text {
  color: #E7E9F1; }

.dark-blue {
  background-color: #293b6e; }

.dark-blue-text {
  color: #293b6e; }

.blue-highlight {
  background-color: #4a67b3; }

.red {
  background-color: #dc0423; }

.red-text {
  color: #dc0423; }

.yellow {
  background-color: #ffff00; }

.yellow::before {
  background-color: #ffff00; }

.yellow::marker {
  background-color: #ffff00; }

.update-highlight {
  background-color: #ffff00;
  display: inline !important; }

.update-highlight:before {
  background-color: #ffff00;
  display: inline !important; }

.consumerlab-blue {
  background-color: #1C449B; }

.consumerlab-blue-text {
  color: #1C449B; }

.passedTest {
  background-color: rgba(74, 144, 53, 0.3); }

.failedTest {
  background-color: rgba(220, 4, 35, 0.3); }

.messages {
  margin: 0 auto;
  list-style: none;
  padding: 0; }
  .messages .message {
    padding: 0.25rem 0.75rem;
    margin-top: 0;
    margin-bottom: 1.25rem;
    text-align: center; }
  .messages .message.debug {
    background-color: #ebebeb;
    border: 1px solid #a0a0a0; }
  .messages .message.success {
    background-color: #d1ffd6;
    border: 1px solid #98b499; }
  .messages .message.info {
    background-color: #fbffd1;
    border: 1px solid #b0b48e; }
  .messages .message.warning {
    background-color: #fff0d4;
    border: 1px solid #b4a595; }
  .messages .message.error {
    background-color: #ffdad8;
    border: 1px solid #b49897; }

@media (max-width: 991.98px) {
  .messages {
    margin-top: 6rem;
    margin-bottom: -2rem; } }

.account-management {
  margin-top: 80px; }
  .account-management .header {
    background-color: #1C449B;
    padding: 3rem 0 2.5rem 0; }
    .account-management .header h1.title {
      font-size: 1.8rem;
      line-height: 1;
      color: #ffffff;
      margin: 0 0 1rem 0;
      padding: 0; }
    .account-management .header h2.name {
      font-size: 1.25rem;
      color: #ffffff;
      font-weight: normal; }
  .account-management .areas {
    background-color: #000000; }
    .account-management .areas ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: flex; }
      .account-management .areas ul li {
        margin: 0;
        padding: 0; }
        .account-management .areas ul li a {
          color: #ffffff;
          display: block;
          padding: 1.5rem;
          font-size: 1.25rem; }
  .account-management .manager {
    margin: 4rem 0; }
    .account-management .manager .sidebar h2 {
      font-size: 1.5rem;
      border-bottom: 3px solid #000000;
      margin: 0;
      padding: 0 0 1rem 0; }
    .account-management .manager .sidebar .options {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .account-management .manager .sidebar .options li {
        margin: 0;
        padding: 0; }
        .account-management .manager .sidebar .options li a {
          display: block;
          padding: 1em 0.5em;
          font-size: 1.1rem;
          color: #000000;
          border-bottom: 1px solid #d3d3d3; }
    .account-management .manager .workspace .title h1 {
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 3rem; }
    .account-management .manager .workspace .segment {
      margin-bottom: 3rem; }
      .account-management .manager .workspace .segment h1 {
        font-size: 2rem;
        font-weight: 300;
        margin-bottom: 1rem; }
    .account-management .manager .workspace table thead {
      background-color: #939393;
      color: #ffffff; }
      .account-management .manager .workspace table thead th {
        font-weight: normal;
        border: none;
        padding-top: 0.25em;
        padding-bottom: 0.25em; }
    .account-management .manager .workspace table tbody tr {
      border-bottom: 1px solid #d6d6d6; }
    .account-management .manager .workspace form {
      margin: 0;
      font-size: 1.25rem; }
      .account-management .manager .workspace form input, .account-management .manager .workspace form select, .account-management .manager .workspace form textarea {
        font-size: 1.25rem;
        padding: 0.5em 1em;
        border-color: #3e3e3e; }
      .account-management .manager .workspace form input[type=text],
      .account-management .manager .workspace form input[type=email],
      .account-management .manager .workspace form input[type=password],
      .account-management .manager .workspace form select {
        height: calc(2.5em + 2px); }
      .account-management .manager .workspace form .form-control.error {
        border-color: #dc0423; }
      .account-management .manager .workspace form label.error {
        color: #dc0423;
        font-size: 1.2rem;
        margin-top: 0.5rem; }
    .account-management .manager .workspace .actions {
      margin-top: 0.5rem;
      margin-bottom: 1rem; }
      .account-management .manager .workspace .actions a, .account-management .manager .workspace .actions button {
        background-color: #1C449B;
        color: #ffffff;
        border-radius: 5rem;
        border: 2px solid transparent;
        display: inline-block;
        outline: none;
        padding: 0.5em 2em;
        font-size: 1.15rem; }
        .account-management .manager .workspace .actions a.inverse, .account-management .manager .workspace .actions button.inverse {
          background-color: #ffffff;
          color: #1C449B;
          border: 2px solid #1C449B; }
        .account-management .manager .workspace .actions a:hover, .account-management .manager .workspace .actions button:hover {
          background-color: #103075;
          color: #ffffff; }
        .account-management .manager .workspace .actions a.inverse:hover, .account-management .manager .workspace .actions button.inverse:hover {
          background-color: #103075;
          color: #1C449B; }

.areas ul li a {
  border-right: 1px solid #6c6c6c; }

.areas ul li a:hover,
.areas ul li a.active {
  background-color: #ffffff;
  color: #000000; }

.areas ul li a.inactive {
  background-color: #000000 !important;
  color: #ffffff !important; }

body.logged-out .manager .sidebar {
  display: none; }

body.public .manager .sidebar {
  display: block; }

body.benefits .manager .sidebar,
body.favorites .manager .sidebar {
  display: none; }

.manager .sidebar .area.menu {
  display: none; }

.manager .sidebar .options a:hover {
  background-color: #f3f3f3; }

body.my-account.trial .manager .sidebar .options .dashboard,
body.my-account.dashboard .manager .sidebar .options .dashboard,
body.my-account.notifications .manager .sidebar .options .notifications,
body.my-account.membership .manager .sidebar .options .membership,
body.my-account.payment .manager .sidebar .options .payment,
body.my-account.email .manager .sidebar .options .email,
body.my-account.comment-manager .manager .sidebar .options .comment-manager,
body.gifts.dashboard .manager .sidebar .options .gifts,
body.gifts.gift-faq .manager .sidebar .options .gift-faq,
body.gifts.gift-confirmation .manager .sidebar .options .gifts,
body.gifts.gift-history .manager .sidebar .options .gift-history {
  background-color: #f3f3f3; }

@media (min-width: 992px) {
  body.my-account .manager .sidebar .area.menu.my-account,
  body.gifts .manager .sidebar .area.menu.gifts {
    display: block; }
  .areas ul li a {
    border-right-width: 0; }
  body.my-account .areas .account,
  body.benefits .areas .benefits,
  body.favorites .areas .favorites,
  body.gifts .areas .gifts {
    background-color: #ffffff;
    color: #000000; } }

@media (max-width: 991.98px) {
  .account-management {
    margin-top: 59px; }
    .account-management #header {
      height: 59px !important; }
    .account-management .header {
      padding: 1.5rem 0; }
      .account-management .header h1.title {
        font-size: 2rem; }
      .account-management .header h2.name {
        margin-bottom: 0; }
    .account-management .areas .container {
      padding: 0; }
    .account-management .areas .row {
      margin: 0;
      padding: 0; }
    .account-management .areas ul li a {
      font-size: 1rem;
      padding: 1rem; }
    .account-management .manager {
      margin-top: 0; }
      .account-management .manager .container {
        max-width: initial; }
      .account-management .manager .sidebar {
        margin: 0 -15px 1rem -15px;
        padding: 0; }
        .account-management .manager .sidebar h2 {
          display: none; }
        .account-management .manager .sidebar .options li a {
          font-size: 1.1rem;
          font-weight: 500;
          padding: 0.8rem; }
        .account-management .manager .sidebar .area.menu {
          display: none; }
      .account-management .manager .workspace {
        padding-top: 2rem; } }

@media (max-width: 767.98px) {
  .account-management .areas ul li a {
    font-size: 1rem;
    padding: 1rem 0.5rem; } }

@media (max-width: 576px) {
  .account-management .areas ul li a {
    font-size: 0.85rem;
    padding: 1rem 0.5rem; } }

.benefits .manager .intro p {
  font-size: 1.25rem;
  margin-top: 1rem; }

.benefits .manager .benefit-list {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .benefits .manager .benefit-list .benefit {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 20rem;
    border-radius: 5px;
    background-color: #ECECEC;
    color: #000000;
    padding: 2rem;
    margin-bottom: 2rem; }
    .benefits .manager .benefit-list .benefit .icon {
      margin-top: 2rem; }
      .benefits .manager .benefit-list .benefit .icon img {
        display: block;
        height: auto;
        width: 6rem;
        margin: 0 auto; }
        .benefits .manager .benefit-list .benefit .icon img.active {
          display: none; }
    .benefits .manager .benefit-list .benefit .information {
      margin-top: 1rem; }
      .benefits .manager .benefit-list .benefit .information .title {
        margin-bottom: 0.5rem;
        font-weight: 500; }
      .benefits .manager .benefit-list .benefit .information .details {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .benefits .manager .benefit-list .benefit .information .details h3 {
          margin: 0;
          font-size: 1.2rem;
          font-weight: 300; }
        .benefits .manager .benefit-list .benefit .information .details .chevron {
          margin-left: 1rem; }
          .benefits .manager .benefit-list .benefit .information .details .chevron .active {
            display: none; }
          .benefits .manager .benefit-list .benefit .information .details .chevron .inactive {
            display: block; }
    .benefits .manager .benefit-list .benefit:hover {
      -webkit-box-shadow: 0 0 10px 5px #d3d3d3;
      -moz-box-shadow: 0 0 10px 5px #d3d3d3;
      box-shadow: 0 0 10px 5px #d3d3d3;
      background-color: #1C449B;
      color: #ffffff; }
      .benefits .manager .benefit-list .benefit:hover .icon img.regular {
        display: none; }
      .benefits .manager .benefit-list .benefit:hover .icon img.active {
        display: block; }
      .benefits .manager .benefit-list .benefit:hover .details h3 {
        color: #f3f3f3; }
      .benefits .manager .benefit-list .benefit:hover .details .chevron .active {
        display: block; }
      .benefits .manager .benefit-list .benefit:hover .details .chevron .inactive {
        display: none; }

@media (min-width: 576px) and (max-width: 767.98px) {
  .benefits .benefit-list .information .title {
    font-size: 1.3rem; }
  .benefits .benefit-list .information .details h3 {
    font-size: 1rem !important; } }

.comment-manager .manager .comments-list .instructions {
  font-size: 1.1rem; }

.comment-manager .manager .comments-list .status {
  white-space: nowrap; }

.comment-manager .manager .comments-list .status.needs-approval,
.comment-manager .manager .comments-list .status.edited-needs-approval {
  color: #939393; }

.comment-manager .manager .comments-list .block-button {
  font-size: 1rem;
  padding: 0.5em 1em; }

.comment-manager .manager .comment-answer,
.comment-manager .manager .comment {
  margin-bottom: 2rem; }
  .comment-manager .manager .comment-answer .title,
  .comment-manager .manager .comment .title {
    display: flex;
    justify-content: space-between;
    align-items: end; }
    .comment-manager .manager .comment-answer .title h3,
    .comment-manager .manager .comment .title h3 {
      font-size: 1.15rem;
      font-weight: 300;
      margin-bottom: 0.5rem; }
    .comment-manager .manager .comment-answer .title .editor a,
    .comment-manager .manager .comment .title .editor a {
      padding-left: 1rem; }
      .comment-manager .manager .comment-answer .title .editor a.delete,
      .comment-manager .manager .comment .title .editor a.delete {
        color: #dc0423; }
  .comment-manager .manager .comment-answer .question,
  .comment-manager .manager .comment .question {
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 1rem; }
    .comment-manager .manager .comment-answer .question p,
    .comment-manager .manager .comment .question p {
      margin: 0;
      color: #1C449B;
      font-size: 1.2rem;
      font-weight: bold;
      line-height: 1.2; }
  .comment-manager .manager .comment-answer .comment-text,
  .comment-manager .manager .comment-answer .comment-editor,
  .comment-manager .manager .comment .comment-text,
  .comment-manager .manager .comment .comment-editor {
    border-radius: 5px;
    border: 2px solid #f3f3f3;
    padding: 1rem;
    font-size: 1.1rem; }
  .comment-manager .manager .comment-answer .comment-text,
  .comment-manager .manager .comment .comment-text {
    white-space: pre; }
  .comment-manager .manager .comment-answer .comment-editor,
  .comment-manager .manager .comment .comment-editor {
    border-color: #1C449B;
    padding-bottom: 3.5rem; }
    .comment-manager .manager .comment-answer .comment-editor textarea,
    .comment-manager .manager .comment .comment-editor textarea {
      display: block;
      outline: none;
      border: none;
      resize: none;
      width: 100%; }
    .comment-manager .manager .comment-answer .comment-editor button,
    .comment-manager .manager .comment .comment-editor button {
      float: right;
      font-size: 1rem; }
  .comment-manager .manager .comment-answer .metadata,
  .comment-manager .manager .comment .metadata {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 0.5rem;
    font-size: 0.9rem; }
    .comment-manager .manager .comment-answer .metadata .fields,
    .comment-manager .manager .comment .metadata .fields {
      display: flex; }
      .comment-manager .manager .comment-answer .metadata .fields .field,
      .comment-manager .manager .comment .metadata .fields .field {
        display: flex;
        margin-right: 3rem; }
        .comment-manager .manager .comment-answer .metadata .fields .field .label,
        .comment-manager .manager .comment .metadata .fields .field .label {
          margin-right: 1rem; }
        .comment-manager .manager .comment-answer .metadata .fields .field.posted .value,
        .comment-manager .manager .comment .metadata .fields .field.posted .value {
          color: #939393; }
        .comment-manager .manager .comment-answer .metadata .fields .field.status .approved,
        .comment-manager .manager .comment .metadata .fields .field.status .approved {
          color: #376e26; }
    .comment-manager .manager .comment-answer .metadata .remaining-edit,
    .comment-manager .manager .comment .metadata .remaining-edit {
      color: #939393; }

.comment-manager .manager .no-comments {
  background-color: #f3f3f3;
  padding: 2rem 4rem;
  text-align: center;
  font-size: 1.2rem; }
  .comment-manager .manager .no-comments h1 {
    font-weight: 300;
    font-size: 1.75rem;
    margin-bottom: 1.5rem; }
  .comment-manager .manager .no-comments a {
    margin-top: 1rem;
    display: inline-block; }

.comment-manager .manager .actions button {
  padding: 0.5rem 1rem !important;
  font-size: 1rem !important; }

.favorites .manager .no-favorites {
  font-size: 1.25rem; }

.favorites .manager .reviews .review .main-image {
  border-radius: 5px; }

.favorites .manager .reviews .review h3 {
  text-align: center;
  font-size: 1.1rem;
  font-weight: normal; }

.favorites .manager .segment h2 {
  font-size: 1.5rem;
  font-weight: normal;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 1rem;
  margin-bottom: 1rem; }

.gifts .certificate-value {
  color: #376e26;
  font-weight: bold; }

.gifts.dashboard .intro {
  margin-bottom: 3rem; }
  .gifts.dashboard .intro h1 {
    font-size: 1.75rem;
    line-height: 1.5;
    font-weight: bold;
    margin: 1rem 0; }
  .gifts.dashboard .intro h3 {
    font-weight: normal;
    font-size: 1.1rem;
    line-height: 1.5; }

.gifts.dashboard form h2 {
  font-weight: 500;
  margin-bottom: 1rem; }

.gifts.dashboard form .alert.gift-certificate-value {
  background-color: #f3f3f3; }

.gifts.dashboard form .alert p {
  margin: 0;
  font-size: 1.1rem; }

.gifts.dashboard form .payment-information {
  margin-top: 2rem; }

.gifts.dashboard form .payment-total {
  background-color: #f3f3f3;
  text-align: right;
  font-weight: bold;
  font-size: 1.1rem;
  padding: 1rem 2rem; }

.gifts.gift-confirmation .confirmation h1 {
  font-size: 1.5rem;
  margin-bottom: 1rem; }

.gifts.gift-confirmation .confirmation .receipt {
  background-color: #f3f3f3;
  margin: 3rem 0 1rem 0;
  padding: 1.5rem; }
  .gifts.gift-confirmation .confirmation .receipt .receipt-header {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #d3d3d3; }
    .gifts.gift-confirmation .confirmation .receipt .receipt-header h1 {
      font-size: 1.5rem; }
    .gifts.gift-confirmation .confirmation .receipt .receipt-header .receipt-print {
      font-size: 0.9rem; }
  .gifts.gift-confirmation .confirmation .receipt .table {
    border-collapse: collapse;
    margin-top: 1rem;
    font-size: 0.95rem; }
    .gifts.gift-confirmation .confirmation .receipt .table tbody {
      border: none; }
      .gifts.gift-confirmation .confirmation .receipt .table tbody tr {
        border-bottom: none; }
        .gifts.gift-confirmation .confirmation .receipt .table tbody tr:last-child td {
          padding-bottom: 2rem; }
      .gifts.gift-confirmation .confirmation .receipt .table tbody th {
        max-width: 6rem;
        white-space: nowrap; }
      .gifts.gift-confirmation .confirmation .receipt .table tbody th, .gifts.gift-confirmation .confirmation .receipt .table tbody td {
        border: none;
        padding: 0.35rem 0; }
      .gifts.gift-confirmation .confirmation .receipt .table tbody:last-child tr td {
        padding-bottom: 0; }

.share-gift-membership {
  border: 4px solid #d6d6d6;
  display: flex;
  position: relative;
  height: 10rem; }
  .share-gift-membership .gift-box {
    margin-top: -1.5rem;
    margin-left: 5rem; }
    .share-gift-membership .gift-box img {
      display: block;
      width: 12rem; }
  .share-gift-membership .details {
    position: absolute;
    bottom: 2rem;
    margin-left: 20rem; }
    .share-gift-membership .details h2 {
      font-size: 1.5rem;
      margin: 0 0 0.5rem 0;
      color: #000000; }
    .share-gift-membership .details h3 {
      font-size: 1.25rem;
      font-weight: 300;
      margin: 0;
      color: #2d2d2d;
      line-height: 1; }
  .share-gift-membership .chevron {
    position: absolute;
    bottom: 2rem;
    right: 1rem;
    color: #000000; }

@media (max-width: 1199.98px) {
  .share-gift-membership .gift-box {
    margin-left: 3rem; }
  .share-gift-membership .details {
    margin-left: 17rem; }
    .share-gift-membership .details h2 {
      font-size: 1.4rem; }
    .share-gift-membership .details h3 {
      font-size: 1.1rem; } }

@media (max-width: 991.98px) {
  .share-gift-membership {
    border: none;
    border-radius: 5px;
    background-color: #DADDE5;
    flex-direction: column;
    height: auto;
    padding: 1rem 2rem 3rem 2rem; }
    .share-gift-membership .gift-box {
      margin: 0 auto 1rem auto; }
      .share-gift-membership .gift-box img {
        width: 7rem;
        margin: 0 auto; }
    .share-gift-membership .details {
      margin: auto;
      position: static; }
      .share-gift-membership .details h2 {
        font-size: 1.4rem;
        text-align: center;
        margin-bottom: 1rem; }
      .share-gift-membership .details h3 {
        font-size: 1.2rem;
        text-align: center; }
    .share-gift-membership .chevron {
      display: none; } }

.white {
  background-color: #ffffff; }

.white-text {
  color: #ffffff; }

.black {
  background-color: #000000; }

.black-text {
  color: #000000; }

.black-highlight {
  background-color: #3e3e3e; }

.black-highlight-text {
  color: #3e3e3e; }

.dark-grey {
  background-color: #2d2d2d; }

.dark-grey-text {
  color: #2d2d2d; }

.light-grey {
  background-color: #939393; }

.light-grey-text {
  color: #939393; }

.lightish-grey {
  background-color: #d6d6d6; }

.lightish-grey-text {
  color: #d6d6d6; }

.lighter-grey {
  background-color: #f3f3f3; }

.lighter-grey-text {
  color: #f3f3f3; }

.lightest-grey {
  background-color: #efefef; }

.lightest-grey-text {
  color: #efefef; }

.shadow-grey {
  background-color: #d3d3d3; }

.shadow-grey-text {
  color: #d3d3d3; }

.green {
  background-color: #376e26; }

.green-text {
  color: #376e26; }

.light-green {
  background-color: #4a9035; }

.light-green-text {
  color: #4a9035; }

.light-blue {
  background-color: #E7E9F1; }

.light-blue-text {
  color: #E7E9F1; }

.dark-blue {
  background-color: #293b6e; }

.dark-blue-text {
  color: #293b6e; }

.blue-highlight {
  background-color: #4a67b3; }

.red {
  background-color: #dc0423; }

.red-text {
  color: #dc0423; }

.yellow {
  background-color: #ffff00; }

.yellow::before {
  background-color: #ffff00; }

.yellow::marker {
  background-color: #ffff00; }

.update-highlight {
  background-color: #ffff00;
  display: inline !important; }

.update-highlight:before {
  background-color: #ffff00;
  display: inline !important; }

.consumerlab-blue {
  background-color: #1C449B; }

.consumerlab-blue-text {
  color: #1C449B; }

.passedTest {
  background-color: rgba(74, 144, 53, 0.3); }

.failedTest {
  background-color: rgba(220, 4, 35, 0.3); }

.my-account .manager table.single-line {
  white-space: nowrap; }

.my-account .manager table .thin {
  padding: 2px; }

.my-account .manager .unsubscribed {
  color: #dc0423; }

.my-account .manager .resubscribe {
  margin: 0; }
  .my-account .manager .resubscribe button {
    background-color: #4a9035;
    border-radius: 5px;
    border: none;
    padding: 0.5em 2em;
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: normal; }

.my-account .manager .purchase-history dt {
  font-size: 1.1rem; }

.my-account .manager .purchase-history dd {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem; }
  .my-account .manager .purchase-history dd .purchase .purchase-price {
    font-weight: bold;
    display: inline-block;
    margin-right: 0.25rem; }
  .my-account .manager .purchase-history dd .purchase.refunded, .my-account .manager .purchase-history dd .purchase.refunded .purchase-price {
    color: #939393;
    text-decoration: line-through; }
  .my-account .manager .purchase-history dd .refund {
    font-weight: bold;
    color: #dc0423; }

.my-account .manager .renewal-information p {
  margin: 1rem 0 3rem 0;
  font-size: 1rem;
  line-height: 1.75; }

.my-account .manager .trial-information .banner {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  padding: 0.75rem;
  text-align: center; }
  .my-account .manager .trial-information .banner .duration {
    text-decoration: underline; }

.my-account .manager .trial-information.in-progress .banner {
  background-color: #1BAF4C; }

.my-account .manager .trial-information.cancelled .banner, .my-account .manager .trial-information.expired .banner {
  background-color: #dc0423;
  margin-top: 3rem; }

.my-account .manager .trial-information .details {
  background-color: #f3f3f3;
  padding: 3rem 1.5rem 1.5rem 1.5rem; }
  .my-account .manager .trial-information .details p, .my-account .manager .trial-information .details ul {
    font-size: 1.15rem; }
  .my-account .manager .trial-information .details ul li {
    margin-bottom: 0.5rem; }
  .my-account .manager .trial-information .details table {
    margin-top: 2rem; }
    .my-account .manager .trial-information .details table th, .my-account .manager .trial-information .details table td {
      font-size: 1rem; }
    .my-account .manager .trial-information .details table thead th {
      white-space: nowrap; }
    .my-account .manager .trial-information .details table tbody {
      background-color: #ffffff; }
    .my-account .manager .trial-information .details table .subscription {
      font-weight: bold; }
    .my-account .manager .trial-information .details table .cancel-subscription {
      white-space: nowrap; }
      .my-account .manager .trial-information .details table .cancel-subscription button {
        padding: 0;
        color: #1C449B; }

.my-account .manager form label {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.my-account .manager form .explanation {
  font-size: 0.85rem; }

.my-account .manager #cvv-explanation-modal h2,
.my-account .manager #routing-number-explanation-modal h2 {
  margin: 2rem 0;
  text-align: center;
  font-size: 2rem;
  font-weight: 300; }

.my-account .manager #cvv-explanation-modal h3,
.my-account .manager #routing-number-explanation-modal h3 {
  margin: 2rem 0 3rem 0;
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center; }

.my-account .manager #cvv-explanation-modal .cardholder,
.my-account .manager #routing-number-explanation-modal .cardholder {
  text-align: center;
  padding: 2rem 2rem 1rem 2rem; }
  .my-account .manager #cvv-explanation-modal .cardholder:first-child,
  .my-account .manager #routing-number-explanation-modal .cardholder:first-child {
    border-right: 1px solid #d3d3d3; }
  .my-account .manager #cvv-explanation-modal .cardholder img,
  .my-account .manager #routing-number-explanation-modal .cardholder img {
    margin: 0 auto;
    display: block; }

.my-account .manager #cvv-explanation-modal .actions,
.my-account .manager #routing-number-explanation-modal .actions {
  margin-top: 2rem; }