/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */
@import url("https://fonts.googleapis.com/css?family=Asap:400,700");
body.account.renew .container {
  padding-bottom: 5em;
}
body.account.renew #validate-coupon {
  margin-top: 25px;
}
body.account.renew #coupon-validation-text {
  color: #c73c25;
  font-size: 14pt;
}

body.account, body.payment_methods, body.subscriptions, body.vacation_holds, body.payments {
  /************ Left Navigation ******************/
  /************ End Left Navigation ******************/
}
body.account section.account-management, body.payment_methods section.account-management, body.subscriptions section.account-management, body.vacation_holds section.account-management, body.payments section.account-management {
  padding-top: 2em;
  display: flex;
  min-height: 70vh;
}
body.account section.account-management div.account-content, body.payment_methods section.account-management div.account-content, body.subscriptions section.account-management div.account-content, body.vacation_holds section.account-management div.account-content, body.payments section.account-management div.account-content {
  flex: 0 0 40%;
}
body.account section.account-management div.account-content .btn, body.payment_methods section.account-management div.account-content .btn, body.subscriptions section.account-management div.account-content .btn, body.vacation_holds section.account-management div.account-content .btn, body.payments section.account-management div.account-content .btn {
  border-radius: 0;
  color: #ffffff;
  background-color: #003975;
  min-width: 100px;
}
body.account section.account-management div.account-content .btn-danger, body.payment_methods section.account-management div.account-content .btn-danger, body.subscriptions section.account-management div.account-content .btn-danger, body.vacation_holds section.account-management div.account-content .btn-danger, body.payments section.account-management div.account-content .btn-danger {
  background-color: red;
}
body.account section.account-management div.account-content input[type=submit], body.payment_methods section.account-management div.account-content input[type=submit], body.subscriptions section.account-management div.account-content input[type=submit], body.vacation_holds section.account-management div.account-content input[type=submit], body.payments section.account-management div.account-content input[type=submit] {
  width: 200px;
}
body.account div.account-management-nav, body.payment_methods div.account-management-nav, body.subscriptions div.account-management-nav, body.vacation_holds div.account-management-nav, body.payments div.account-management-nav {
  flex: 0 1 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.account div.account-management-nav .nav-item, body.payment_methods div.account-management-nav .nav-item, body.subscriptions div.account-management-nav .nav-item, body.vacation_holds div.account-management-nav .nav-item, body.payments div.account-management-nav .nav-item {
  width: 250px;
  text-align: left;
  padding-left: 1rem;
  height: 26px;
  display: flex;
  align-items: center;
  margin: 0.7em 0;
  font-size: 16px;
}
body.account div.account-management-nav .nav-item:hover, body.payment_methods div.account-management-nav .nav-item:hover, body.subscriptions div.account-management-nav .nav-item:hover, body.vacation_holds div.account-management-nav .nav-item:hover, body.payments div.account-management-nav .nav-item:hover {
  background-color: #e3e3e0;
  transition: background-color 0.2s linear;
}
body.account div.account-management-nav .nav-item.active, body.payment_methods div.account-management-nav .nav-item.active, body.subscriptions div.account-management-nav .nav-item.active, body.vacation_holds div.account-management-nav .nav-item.active, body.payments div.account-management-nav .nav-item.active {
  border-left: 3px solid #3188a1;
}
body.account div.account-management-nav .nav-item.active a.nav-link, body.payment_methods div.account-management-nav .nav-item.active a.nav-link, body.subscriptions div.account-management-nav .nav-item.active a.nav-link, body.vacation_holds div.account-management-nav .nav-item.active a.nav-link, body.payments div.account-management-nav .nav-item.active a.nav-link {
  color: #3188a1;
}
body.account div.account-management-nav .nav-item a, body.payment_methods div.account-management-nav .nav-item a, body.subscriptions div.account-management-nav .nav-item a, body.vacation_holds div.account-management-nav .nav-item a, body.payments div.account-management-nav .nav-item a {
  text-decoration: none;
  color: #4a4a4a;
  display: block;
  width: 100%;
}
body.account div.subscription-info, body.payment_methods div.subscription-info, body.subscriptions div.subscription-info, body.vacation_holds div.subscription-info, body.payments div.subscription-info {
  margin-bottom: 30px;
}
body.account div.subscription-info .subscription-item, body.payment_methods div.subscription-info .subscription-item, body.subscriptions div.subscription-info .subscription-item, body.vacation_holds div.subscription-info .subscription-item, body.payments div.subscription-info .subscription-item {
  margin: 1em 0;
}
body.account div.subscription-info .subscription-item h4, body.payment_methods div.subscription-info .subscription-item h4, body.subscriptions div.subscription-info .subscription-item h4, body.vacation_holds div.subscription-info .subscription-item h4, body.payments div.subscription-info .subscription-item h4 {
  line-height: 30px;
}

body.account.new form, body.users.new form {
  display: flex;
}
body.account.new form .account-form, body.users.new form .account-form {
  flex-basis: 60%;
  padding: calc(2vw + 10px) calc(5vw + 20px) 100px calc(2vw + 20px);
  background-color: #fcfcfc;
}
body.account.new form .payment-section, body.users.new form .payment-section {
  flex-basis: 40%;
  box-shadow: 0px 0px 15px 10px #e3e3e0;
  position: relative;
}
body.account.new form .payment-section .payment-option-tabs, body.users.new form .payment-section .payment-option-tabs {
  background-color: white;
  padding: calc(3vw + 10px) calc(3vw + 10px);
}

body.account.new form .payment-section .payment-option-tabs {
  position: fixed;
  top: 0px;
}

body.account.new input[type=radio], body.users.new input[type=radio], body.subscriptions.new input[type=radio] {
  position: relative;
  opacity: 0;
}
body.account.new input[type=radio] + label, body.users.new input[type=radio] + label, body.subscriptions.new input[type=radio] + label {
  position: relative;
  cursor: pointer;
  padding: 0px 0px 0px 40px;
  white-space: nowrap;
}
body.account.new input[type=radio] + label .title, body.users.new input[type=radio] + label .title, body.subscriptions.new input[type=radio] + label .title {
  font-size: 20px;
  font-weight: 600;
  color: #979797;
}
body.account.new input[type=radio] + label .issue, body.users.new input[type=radio] + label .issue, body.subscriptions.new input[type=radio] + label .issue {
  font-size: 20px;
  font-weight: 200;
  color: #979797;
  display: inline;
}
body.account.new input[type=radio] + label .price, body.users.new input[type=radio] + label .price, body.subscriptions.new input[type=radio] + label .price {
  display: inline;
  font-size: 20px;
}
body.account.new input[type=radio] + label:before, body.users.new input[type=radio] + label:before, body.subscriptions.new input[type=radio] + label:before {
  content: "";
  background: #ffffff;
  border-radius: 100%;
  border: 2px solid #d8d8d8;
  box-shadow: inset 0 0 0 4px #ffffff;
  margin: 0px;
  width: 30px;
  height: 30px;
  top: 0px;
  left: 5px;
  position: absolute;
  cursor: pointer;
  text-align: center;
  transition: all 100ms ease;
}
body.account.new input[type=radio]:checked + label .title, body.users.new input[type=radio]:checked + label .title, body.subscriptions.new input[type=radio]:checked + label .title {
  color: #4a4a4a;
}
body.account.new input[type=radio]:checked + label:before, body.users.new input[type=radio]:checked + label:before, body.subscriptions.new input[type=radio]:checked + label:before {
  background-color: #003975;
  border: 2px solid #003975;
}
body.account.new input[type=checkbox], body.users.new input[type=checkbox], body.subscriptions.new input[type=checkbox] {
  position: relative;
  opacity: 0;
}
body.account.new input[type=checkbox] + label, body.users.new input[type=checkbox] + label, body.subscriptions.new input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
  margin: 0px 0px 0px 40px;
  font-size: 20px;
  font-weight: 600;
  color: #979797;
}
body.account.new input[type=checkbox] + label:before, body.users.new input[type=checkbox] + label:before, body.subscriptions.new input[type=checkbox] + label:before {
  font-size: 18px;
  content: "";
  background: #ffffff;
  border: 2px solid #d8d8d8;
  color: #ffffff;
  font-weight: 100;
  margin: 0px;
  width: 25px;
  height: 25px;
  top: 0px;
  left: -30px;
  position: absolute;
  cursor: pointer;
  text-align: center;
}
body.account.new input[type=checkbox]:checked + label, body.users.new input[type=checkbox]:checked + label, body.subscriptions.new input[type=checkbox]:checked + label {
  color: #4a4a4a;
}
body.account.new input[type=checkbox]:checked + label:before, body.users.new input[type=checkbox]:checked + label:before, body.subscriptions.new input[type=checkbox]:checked + label:before {
  font-family: "FontAwesome";
  content: "\f00c";
  background-color: #003975;
  border: 2px solid #003975;
}
body.account.new .coupon-section #validate-coupon, body.users.new .coupon-section #validate-coupon, body.subscriptions.new .coupon-section #validate-coupon {
  margin-top: 40px;
  background-color: #003975;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
body.account.new .coupon-section #coupon-validation-text, body.users.new .coupon-section #coupon-validation-text, body.subscriptions.new .coupon-section #coupon-validation-text {
  color: #c73c25;
  font-size: 14pt;
}
body.account.new .plan-section .plans, body.users.new .plan-section .plans, body.subscriptions.new .plan-section .plans {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
body.account.new .plan-section .plans .plan, body.users.new .plan-section .plans .plan, body.subscriptions.new .plan-section .plans .plan {
  margin-bottom: 20px;
}
body.account.new h2, body.users.new h2, body.subscriptions.new h2 {
  color: #4a4a4a;
  font-weight: lighter;
  margin: 20px 0px 30px 0px;
  font-size: 35px;
}
body.account.new h1, body.users.new h1, body.subscriptions.new h1 {
  color: #003975;
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 4em;
}
body.account.new hr, body.users.new hr, body.subscriptions.new hr {
  border-top: 2px solid #e3e3e0;
}
body.account.new .account-details-section label, body.account.new .coupon-section label, body.account.new #stripe-payment-method-form label, body.account.new #check-payment-form label, body.account.new #complimentary-form label, body.users.new .account-details-section label, body.users.new .coupon-section label, body.users.new #stripe-payment-method-form label, body.users.new #check-payment-form label, body.users.new #complimentary-form label, body.subscriptions.new .account-details-section label, body.subscriptions.new .coupon-section label, body.subscriptions.new #stripe-payment-method-form label, body.subscriptions.new #check-payment-form label, body.subscriptions.new #complimentary-form label {
  font-size: 15px;
  color: #4a4a4a;
  display: block;
  font-weight: bold;
  margin: 20px 0px 0px 4px;
}
body.account.new .account-details-section input, body.account.new .coupon-section input, body.account.new #stripe-payment-method-form input, body.account.new #check-payment-form input, body.account.new #complimentary-form input, body.users.new .account-details-section input, body.users.new .coupon-section input, body.users.new #stripe-payment-method-form input, body.users.new #check-payment-form input, body.users.new #complimentary-form input, body.subscriptions.new .account-details-section input, body.subscriptions.new .coupon-section input, body.subscriptions.new #stripe-payment-method-form input, body.subscriptions.new #check-payment-form input, body.subscriptions.new #complimentary-form input {
  display: block;
  width: 100%;
  height: 35px;
  padding-left: 0.9em;
  background-color: #ffffff;
  border: 1.5px solid #d8d8d8;
  border-radius: 8px;
}
body.account.new .account-details-section select, body.account.new .coupon-section select, body.account.new #stripe-payment-method-form select, body.account.new #check-payment-form select, body.account.new #complimentary-form select, body.users.new .account-details-section select, body.users.new .coupon-section select, body.users.new #stripe-payment-method-form select, body.users.new #check-payment-form select, body.users.new #complimentary-form select, body.subscriptions.new .account-details-section select, body.subscriptions.new .coupon-section select, body.subscriptions.new #stripe-payment-method-form select, body.subscriptions.new #check-payment-form select, body.subscriptions.new #complimentary-form select {
  display: block;
  width: 100%;
  height: 35px;
  padding-left: 0.9em;
  background-color: #ffffff;
  border: 1.5px solid #d8d8d8;
  border-radius: 8px;
}
body.account.new .best-price, body.users.new .best-price, body.subscriptions.new .best-price {
  font-weight: 100;
  font-size: 18px;
  margin: 10px 0px;
  font-style: italic;
}
body.account.new .best-price:after, body.users.new .best-price:after, body.subscriptions.new .best-price:after {
  font-style: normal;
  font-size: 15px;
  color: #ffffff;
  font-weight: lighter;
  margin: 0px;
  width: 30px;
  height: 30px;
  display: inline;
  cursor: pointer;
  text-align: center;
  font-family: "FontAwesome";
  content: "\f00c";
  background-color: #053678;
  border: 5px solid #053678;
  border-radius: 100%;
}
body.account.new #free-trial-text, body.users.new #free-trial-text, body.subscriptions.new #free-trial-text {
  color: #c73c25;
  font-size: 14pt;
}
body.account.new .passwords-match, body.account.new .passwords-dont-match, body.account.new .passwords-not-long-enough, body.users.new .passwords-match, body.users.new .passwords-dont-match, body.users.new .passwords-not-long-enough, body.subscriptions.new .passwords-match, body.subscriptions.new .passwords-dont-match, body.subscriptions.new .passwords-not-long-enough {
  margin: 10px 0px;
  font-size: 18px;
}
body.account.new .passwords-match:before, body.account.new .passwords-dont-match:before, body.account.new .passwords-not-long-enough:before, body.users.new .passwords-match:before, body.users.new .passwords-dont-match:before, body.users.new .passwords-not-long-enough:before, body.subscriptions.new .passwords-match:before, body.subscriptions.new .passwords-dont-match:before, body.subscriptions.new .passwords-not-long-enough:before {
  font-size: 15px;
  color: #ffffff;
  font-weight: 100;
  margin: 0px;
  width: 25px;
  height: 25px;
  display: inline;
  cursor: pointer;
  text-align: center;
  border-radius: 100%;
}
body.account.new .passwords-match, body.users.new .passwords-match, body.subscriptions.new .passwords-match {
  color: #228B22;
}
body.account.new .passwords-match:before, body.users.new .passwords-match:before, body.subscriptions.new .passwords-match:before {
  font-family: "FontAwesome";
  content: "\f00c";
  background-color: #228B22;
  border: 6px solid #228B22;
}
body.account.new .passwords-dont-match, body.account.new .passwords-not-long-enough, body.users.new .passwords-dont-match, body.users.new .passwords-not-long-enough, body.subscriptions.new .passwords-dont-match, body.subscriptions.new .passwords-not-long-enough {
  color: #B22222;
}
body.account.new .passwords-dont-match:before, body.account.new .passwords-not-long-enough:before, body.users.new .passwords-dont-match:before, body.users.new .passwords-not-long-enough:before, body.subscriptions.new .passwords-dont-match:before, body.subscriptions.new .passwords-not-long-enough:before {
  font-family: "FontAwesome";
  content: "\f00d";
  background-color: #B22222;
  border: 7px solid #B22222;
}
body.account.new .payment-section .totals, body.users.new .payment-section .totals, body.subscriptions.new .payment-section .totals {
  float: right;
  text-align: right;
  font-size: 20px;
  font-weight: lighter;
  color: #979797;
}
body.account.new .payment-section .totals .total .title, body.users.new .payment-section .totals .total .title, body.subscriptions.new .payment-section .totals .total .title {
  display: inline;
}
body.account.new .payment-section .totals .total .amount, body.users.new .payment-section .totals .total .amount, body.subscriptions.new .payment-section .totals .total .amount {
  display: inline;
  font-weight: 600;
  color: #565d6b;
}
body.account.new .payment-section .totals .total:nth-of-type(3), body.users.new .payment-section .totals .total:nth-of-type(3), body.subscriptions.new .payment-section .totals .total:nth-of-type(3) {
  margin-top: 30px;
}
body.account.new .payment-section .totals .total:nth-of-type(3) .title, body.users.new .payment-section .totals .total:nth-of-type(3) .title, body.subscriptions.new .payment-section .totals .total:nth-of-type(3) .title {
  font-weight: 600;
  color: #565d6b;
  margin-right: 15px;
}
body.account.new .payment-section .totals .total:nth-of-type(3) .amount, body.users.new .payment-section .totals .total:nth-of-type(3) .amount, body.subscriptions.new .payment-section .totals .total:nth-of-type(3) .amount {
  font-size: 35px;
}
body.account.new .payment-section .btn, body.users.new .payment-section .btn, body.subscriptions.new .payment-section .btn {
  margin: 10px 0px;
  width: 100%;
  background-color: #003975;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}
body.account.new .required:after, body.users.new .required:after, body.subscriptions.new .required:after {
  content: "*";
  color: red;
}
body.account.new .info-text, body.users.new .info-text, body.subscriptions.new .info-text {
  font-size: 10px;
  color: #4a4a4a;
  font-weight: bold;
}

body.account.edit .account-management, body.account.reset .account-management, body.account.new_email .account-management, body.account.show_payment_methods .account-management, body.account.management .account-management {
  font-family: "Asap", sans-serif;
  font-size: 16px;
}
body.account.edit .account-management .form-group, body.account.edit .account-management .user_details input, body.account.reset .account-management .form-group, body.account.reset .account-management .user_details input, body.account.new_email .account-management .form-group, body.account.new_email .account-management .user_details input, body.account.show_payment_methods .account-management .form-group, body.account.show_payment_methods .account-management .user_details input, body.account.management .account-management .form-group, body.account.management .account-management .user_details input {
  margin-bottom: 16px;
}

.levels {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1% 3em -1%;
}
.levels > div {
  flex: 0 0 22%;
}
.levels div.level-select {
  border: 1px solid #e3e3e0;
  height: 15em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 1% 1%;
}
.levels div.level-select input[type=radio] {
  position: absolute;
  opacity: 0;
}
.levels div.level-select input[type=radio] + label.level-label {
  cursor: pointer;
  display: flex;
  font-weight: normal;
  align-items: center;
  flex-direction: column;
  margin-bottom: 0px;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  transition: all 400ms ease;
}
.levels div.level-select input[type=radio] + label.level-label .level-details {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
}
.levels div.level-select input[type=radio] + label.level-label .level-details > div {
  flex-basis: 100%;
  text-align: center;
}
.levels div.level-select input[type=radio] + label.level-label .level-details .duration {
  text-transform: uppercase;
  color: #003975;
}
.levels div.level-select input[type=radio] + label.level-label .level-details .price {
  font-size: 4em;
  color: #3188a1;
}
.levels div.level-select input[type=radio] + label.level-label .level-details .type {
  color: #003975;
  font-weight: 600;
}
.levels div.level-select input[type=radio] + label.level-label:before {
  content: "";
  background: #ffffff;
  border-radius: 100%;
  border: 1px solid #003975;
  display: block;
  margin-bottom: 2em;
  width: 1.6em;
  height: 1.6em;
  top: 1em;
  position: relative;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.levels div.level-select input[type=radio]:checked + label.level-label {
  background-color: #3188a1;
}
.levels div.level-select input[type=radio]:checked + label.level-label .level-details .duration {
  color: #ffffff;
}
.levels div.level-select input[type=radio]:checked + label.level-label .level-details .price {
  font-size: 4em;
  color: #ffffff;
}
.levels div.level-select input[type=radio]:checked + label.level-label .level-details .type {
  color: #ffffff;
  font-weight: 600;
}
.levels div.level-select input[type=radio]:checked + label.level-label:before {
  background-color: rgb(84.1901408451, 179.4295774648, 205.3098591549);
  box-shadow: inset 0 0 0 3px #ffffff;
}
.levels div.level-select input[type=radio]:focus + label.level-label:before {
  outline: none;
  border-color: #3188a1;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .levels {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 3em;
  }
  .levels > div {
    flex: 0 0 24%;
  }
  .levels div.level-select {
    display: block;
  }
  .levels div.level-select input[type=radio] {
    position: absolute;
    opacity: 0;
  }
  .levels div.level-select input[type=radio] + label.level-label {
    cursor: pointer;
    display: block;
  }
  .levels div.level-select input[type=radio] + label.level-label .level-details {
    display: block;
  }
  .levels div.level-select input[type=radio] + label.level-label .level-details > div {
    flex-basis: 100%;
    text-align: center;
  }
  .levels div.level-select input[type=radio] + label.level-label:before {
    display: block;
    left: 45%;
    position: relative;
    cursor: pointer;
  }
}
body.users.new section.account-management {
  padding-top: 2em;
  display: flex;
  min-height: 70vh;
}
body.users.new section.account-management div.account-content {
  flex: 0 0 40%;
}
body.users.new section.account-management div.account-content .btn {
  border-radius: 0;
  color: #ffffff;
  background-color: #003975;
  min-width: 100px;
}
body.users.new section.account-management div.account-content .btn-danger {
  background-color: red;
}
body.users.new section.account-management div.account-content input[type=submit] {
  width: 200px;
}
body.users.new div.subscription-info .subscription-item {
  margin: 1em 0;
}
body.users.new .container {
  padding-bottom: 5em;
}
body.users.new .account-form {
  margin-bottom: 3em;
}
body.users.new .account-form .login {
  color: #003975;
  margin-right: 1em;
}
body.users.new .account-form .login a {
  color: #003975;
}
body.users.new .account-form .top-field-label {
  width: 85%;
  font-weight: bold;
  font-size: 0.9em;
  border-bottom: 1px solid rgb(99.5, 99.5, 99.5);
  margin-bottom: 1.5em;
  margin-top: 2em;
}
body.users.new .account-form #validate-coupon {
  margin-top: 30px;
}
body.users.new .account-form #coupon-validation-text {
  color: #c73c25;
  font-size: 14pt;
}
body.users.new h1, body.users.new h2, body.users.new h3, body.users.new h4, body.users.new h5 {
  color: #003975;
  font-weight: bold;
  margin-bottom: 1em;
}
body.users.new h1 {
  font-size: 4em;
}
body.users.new .mailing-address {
  width: 85%;
}
body.users.new .mailing-address label {
  font-size: 10px;
  color: #4a4a4a;
  display: block;
  font-weight: normal;
  margin-top: 1em;
}
body.users.new .mailing-address input {
  display: block;
  width: 100%;
  height: 35px;
  padding-left: 0.9em;
  border: 1px solid #4a4a4a;
}
body.users.new .mailing-address .required:after {
  content: "*";
  color: red;
}
body.users.new .country-info {
  font-size: 10px;
  color: #4a4a4a;
  font-weight: bold;
}
body.users.new .coupon {
  width: 85%;
}
body.users.new .coupon label {
  font-size: 10px;
  color: #4a4a4a;
  display: block;
  font-weight: normal;
  margin-top: 1em;
}
body.users.new .coupon input {
  display: block;
  width: 100%;
  height: 35px;
  padding-left: 0.9em;
  border: 1px solid #4a4a4a;
}
body.users.new .password {
  width: 85%;
}
body.users.new .password label {
  font-size: 10px;
  color: #4a4a4a;
  display: block;
  font-weight: normal;
  margin-top: 1em;
}
body.users.new .password label:after {
  content: "*";
  color: red;
}
body.users.new .password input {
  display: block;
  width: 100%;
  height: 35px;
  padding-left: 0.9em;
  border: 1px solid #4a4a4a;
}
body.users.new .password .password-hint {
  font-size: 10px;
  color: #4a4a4a;
  font-weight: bold;
}
body.users.new .password .password-control {
  padding: 1em 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
body.users.new .payment {
  width: 85%;
}
body.users.new .proceed button {
  border-radius: 3px;
  color: #ffffff;
  background-color: #3188a1;
  padding: 0.4em 2em;
}

body.coupons.index #coupons-table_filter {
  display: none;
}
body.coupons.index #header-row {
  cursor: auto;
}
body.coupons.index #header-row th.sorting:hover, body.coupons.index #header-row th.sorting_asc:hover, body.coupons.index #header-row th.sorting_desc:hover {
  cursor: pointer;
}
body.coupons.index #header-row th.sorting:after {
  font-family: "FontAwesome";
  content: "\f0dc";
  margin-left: 10px;
  font-size: 14px;
}
body.coupons.index #header-row th.sorting_asc:after {
  font-family: "FontAwesome";
  content: "\f0de";
  margin-left: 10px;
  font-size: 14px;
}
body.coupons.index #header-row th.sorting_desc:after {
  font-family: "FontAwesome";
  content: "\f0dd";
  margin-left: 10px;
  font-size: 14px;
}
body.coupons.index .coupon-dropdown {
  width: 300px;
  margin: 10px 0px 30px 0px;
}
body.coupons.index .actions {
  white-space: nowrap;
}

body.errors .container {
  padding-top: 200px;
  padding-bottom: 200px;
}

footer {
  padding: 30px 20px;
}

.payment-section .payment-option-tabs .tab-content {
  width: 100%;
}
.payment-section .payment-option-tabs ul.nav.nav-tabs {
  display: flex;
}
.payment-section .payment-option-tabs ul.nav.nav-tabs li {
  flex: 30%;
  white-space: nowrap;
}

.index-info {
  min-height: 100px;
  font-size: 24px;
  font-weight: bold;
  padding: 50px 0 50px 100px;
}
.index-info #fundlist-carousel {
  margin-bottom: 20px;
}
.index-info a {
  background-color: #003975;
  font-weight: normal;
  color: #ffffff;
  font-size: 14px;
  margin-left: 40px;
}
.index-info a:hover {
  color: #ffffff;
}
.index-info .text {
  color: #4a4a4a;
  font-size: 14px;
  font-weight: normal;
  padding-top: 30px;
}
.index-info .promoted-featured-list {
  width: 90%;
  min-height: 165px;
  padding: 10px 20px;
  border-radius: 5px;
  margin: 0px;
}
.index-info .promoted-featured-list .btn {
  color: #ffffff;
  background-color: #003975;
  margin: 10px 0px 0px 0px;
}
.index-info .promoted-featured-list h5 {
  font-size: 18px;
}
.index-info .promoted-featured-list p {
  font-size: 12px;
  min-height: 51px;
}
.index-info .carousel-control-prev {
  position: absolute;
  left: -10%;
  bottom: 20%;
  font-size: 60px;
  opacity: 0.4;
}
.index-info .carousel-control-next {
  position: absolute;
  right: 0%;
  bottom: 20%;
  font-size: 60px;
  opacity: 0.4;
}
.index-info .carousel-inner .carousel-item-right.active,
.index-info .carousel-inner .carousel-item-next {
  transform: translateX(33.33%);
}
.index-info .carousel-inner .carousel-item-left.active,
.index-info .carousel-inner .carousel-item-prev {
  transform: translateX(-33.33%);
}
.index-info .carousel-inner .carousel-item-right,
.index-info .carousel-inner .carousel-item-left {
  transform: translateX(0);
}

#portfolio-index-table_wrapper .dataTables_paginate,
#portfolio-index-table_wrapper .dt-paging {
  text-align: center;
}
#portfolio-index-table_wrapper .dataTables_paginate .pagination,
#portfolio-index-table_wrapper .dt-paging .pagination {
  justify-content: center;
}

#portfolio-index-table a.btn {
  border: none;
}
#portfolio-index-table thead th:first-of-type {
  text-decoration: underline;
  padding-left: 100px !important;
  cursor: pointer;
}
#portfolio-index-table thead th:nth-child(2) {
  text-decoration: underline;
  cursor: pointer;
  border-left: 1px solid #e3e3e0;
  border-right: 1px solid #e3e3e0;
}
#portfolio-index-table thead th {
  background-color: #3188a1;
  color: #ffffff;
  height: 45px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle !important;
  border-bottom: none !important;
}
#portfolio-index-table tbody tr {
  height: 58px;
}
#portfolio-index-table tbody tr td {
  border-bottom: none !important;
  border-top: none !important;
  vertical-align: middle;
}
#portfolio-index-table tbody tr td:first-of-type {
  padding-left: 100px;
}
#portfolio-index-table tbody tr td:first-of-type span {
  padding: 5px 5px;
  border-radius: 5px;
  width: 140px;
  display: block;
  text-align: center;
}
#portfolio-index-table tbody tr td:nth-child(2) {
  border-left: 1px solid #e3e3e0;
  border-right: 1px solid #e3e3e0;
}
#portfolio-index-table tbody tr td:last-of-type a {
  border-radius: 3px;
  color: #ffffff;
}
#portfolio-index-table tbody tr td:last-of-type a:hover {
  color: #ffffff;
  text-decoration: none;
}
#portfolio-index-table tbody tr td:last-of-type a:nth-child(1) {
  background-color: #003975;
}
#portfolio-index-table tbody tr td:last-of-type a:nth-child(2) {
  background-color: #565d6b;
}
#portfolio-index-table tbody tr td:last-of-type a:nth-child(3) {
  background-color: #B22222;
}

#portfolio-show-table {
  overflow: hidden;
  min-height: 450px;
}
#portfolio-show-table .btn-group.bootstrap-select.show-tick {
  max-width: 500px !important;
}
#portfolio-show-table .inner.open {
  overflow-y: auto !important;
}
#portfolio-show-table .inner.open ul.dropdown-menu.inner {
  overflow: visible;
}
#portfolio-show-table #download {
  background-color: #003975;
  color: white;
  margin: 0 16px;
}
#portfolio-show-table #print {
  color: #003975;
}

#portfolio-show-table_wrapper .dropdown-menu.open {
  max-height: 300px !important;
}
#portfolio-show-table_wrapper .dropdown-menu.open .inner {
  max-height: 270px !important;
  overflow: scroll;
}
#portfolio-show-table_wrapper .row:first-of-type {
  display: none;
}
#portfolio-show-table_wrapper .dataTables_paginate,
#portfolio-show-table_wrapper .dt-paging {
  text-align: center;
}
#portfolio-show-table_wrapper .dataTables_length,
#portfolio-show-table_wrapper .dt-length {
  display: none;
}
#portfolio-show-table_wrapper .dt-length-removed {
  display: none !important;
}
#portfolio-show-table_wrapper .dt-buttons {
  display: none;
}

#portfolio-show-table .absent-in-snapshot, #portfolio-show-table .present-in-snapshot {
  background-color: #B22222;
  opacity: 0.8;
  color: #ffffff;
  padding: 5px;
  margin: 0px;
  clear: both;
  float: left;
  border-radius: 5px;
}
#portfolio-show-table .present-in-snapshot {
  background-color: #003975;
}
#portfolio-show-table .clickable-row {
  cursor: pointer;
}
#portfolio-show-table #filter-search {
  position: relative;
  z-index: 2;
  left: -30px;
  top: 1px;
  color: #003975;
  width: 16px;
}
#portfolio-show-table #filter-search:hover {
  color: #003975;
}
#portfolio-show-table .buy-sell-hold span {
  white-space: nowrap;
}
#portfolio-show-table thead tr.control-row th {
  border-bottom: none;
}
#portfolio-show-table thead tr.control-row th:first-of-type .info {
  color: #4a4a4a;
  display: flex;
  padding-left: 64px;
  flex-direction: column;
  justify-content: center;
  min-height: 80px;
}
#portfolio-show-table thead tr.control-row th:first-of-type .info .name {
  font-size: 24px;
  font-weight: 500;
}
#portfolio-show-table thead tr.control-row th:first-of-type .info .type {
  font-size: 10px;
  font-weight: bold;
}
#portfolio-show-table thead tr.control-row th:nth-child(2) .table-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 80px;
  padding-right: 64px;
}
#portfolio-show-table thead tr.control-row th:nth-child(2) .table-control form {
  height: 35px;
  padding-left: 10px;
  width: 63%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#portfolio-show-table thead tr.control-row th:nth-child(2) .table-control form label {
  color: #4a4a4a;
  font-weight: bold;
  width: 30%;
}
#portfolio-show-table thead tr.control-row th:nth-child(2) .table-control form .bootstrap-select {
  width: 60%;
  padding-left: 10px;
}
#portfolio-show-table thead tr.control-row th:nth-child(2) .table-control form .bootstrap-select button {
  border-radius: 0;
  border: solid 1px #979797;
}
#portfolio-show-table thead tr.control-row th:nth-child(2) .table-control form .bootstrap-select button span.bs-caret {
  display: none;
}
#portfolio-show-table thead tr.control-row th:nth-child(2) .table-control form .bootstrap-select button:hover {
  background-color: #ffffff;
}
#portfolio-show-table thead tr.control-row th:nth-child(2) .table-control form input#add-fund {
  background-color: #003975;
  color: #ffffff;
  margin-right: 16px;
}
#portfolio-show-table thead tr.control-row div.select-length span.length-select {
  color: #4a4a4a;
  font-weight: normal;
  cursor: pointer;
}
#portfolio-show-table thead tr.control-row div.select-length span.length-select.selected-length {
  border-bottom: solid 2px #003975;
}
#portfolio-show-table thead tr.header-row th {
  background-color: #3188a1;
  text-decoration: underline;
  color: #ffffff;
  height: 45px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle !important;
  border-bottom: none !important;
  border-left: 1px solid #e3e3e0;
  border-right: 1px solid #e3e3e0;
}
#portfolio-show-table thead tr.header-row th:first-of-type {
  border-left: none;
  padding-left: 100px;
}
#portfolio-show-table thead tr.header-row th:last-of-type {
  text-decoration: none;
  border-right: none;
}
#portfolio-show-table tbody tr {
  height: 58px;
}
#portfolio-show-table tbody tr td {
  vertical-align: middle;
  border-bottom: none !important;
  border-top: none !important;
  border-left: 1px solid #e3e3e0;
  border-right: 1px solid #e3e3e0;
  max-height: 58px;
}
#portfolio-show-table tbody tr td input[type=text] {
  border-radius: 0;
  height: 35px;
}
#portfolio-show-table tbody tr td a.btn--delete {
  background-color: #B22222;
  color: #ffffff;
}
#portfolio-show-table tbody tr td a.btn--delete:hover {
  color: #ffffff;
}
#portfolio-show-table tbody tr td .btn--clear-date {
  background-color: transparent;
  border-radius: 0;
  border: solid 1px #979797;
  color: #4a4a4a;
  height: 25px;
  padding: 3px 12px;
}
#portfolio-show-table tbody tr td:first-of-type {
  border-left: none;
}
#portfolio-show-table tbody tr td:last-of-type {
  border-right: none;
}
#portfolio-show-table tbody tr td:last-of-type a.btn--delete {
  background-color: #B22222;
  border-radius: 3px;
}
@media (min-width: 1178px) {
  #portfolio-show-table tbody tr .td-date-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.flex-center {
  display: flex;
  align-items: center;
}

#date-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaWQ9IkxheWVyXzEiICAgZGF0YS1uYW1lPSJMYXllciAxIiAgIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIiAgIHZlcnNpb249IjEuMSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgICBzb2RpcG9kaTpkb2NuYW1lPSJkb3dubG9hZC5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE0MjAyIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjciICAgICBpZD0ibmFtZWR2aWV3NDIwMCIgICAgIHNob3dncmlkPSJmYWxzZSIgICAgIGlua3NjYXBlOnpvb209Ijg0LjMiICAgICBpbmtzY2FwZTpjeD0iMi40NzQ5OTk5IiAgICAgaW5rc2NhcGU6Y3k9IjUiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTkyMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyNyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIiAvPiAgPGRlZnMgICAgIGlkPSJkZWZzNDE5MCI+ICAgIDxzdHlsZSAgICAgICBpZD0ic3R5bGU0MTkyIj4uY2xzLTJ7ZmlsbDojNDQ0O308L3N0eWxlPiAgPC9kZWZzPiAgPHRpdGxlICAgICBpZD0idGl0bGU0MTk0Ij5hcnJvd3M8L3RpdGxlPiAgPHBvbHlnb24gICAgIGNsYXNzPSJjbHMtMiIgICAgIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIiAgICAgaWQ9InBvbHlnb240MTk4IiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIgLz48L3N2Zz4=) no-repeat 101% 50%;
  padding-right: 2%;
}

#class-select {
  max-width: 250px;
}
#class-select .dropdown-menu {
  border: 0;
  outline: 1px solid #d8d8d8;
  background-color: #ffffff;
  position: absolute;
  top: 5%;
  overflow: visible !important;
}
#class-select .dropdown-menu ul {
  overflow-y: scroll;
}

#filter-search {
  position: relative;
  z-index: 1;
  left: -25px;
  top: 1px;
  color: #003975;
  width: 16px;
}

.temp {
  display: none;
}

.table-header-tooltip {
  margin: 10px 5px 10px 15px;
  min-width: 300px;
}
.table-header-tooltip p {
  margin: 0px;
}

.popover {
  max-width: 400px !important;
  border: 1px solid #979797 !important;
  border-radius: 5px !important;
}
.popover .popover-content {
  padding: 0 !important;
}
.popover .popover-content .close-portfolio-popover {
  cursor: pointer;
  width: 95%;
  text-align: right;
}

div.add-to-portfolio-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #979797;
  padding-left: 1em;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 35px;
}
div.add-to-portfolio-item .text-right {
  margin-left: 60px;
}
div.add-to-portfolio-item:last-of-type {
  padding-right: 1em;
  border-bottom: none;
}
div.add-to-portfolio-item:last-of-type button {
  color: #003975;
  cursor: pointer;
  margin: 0px;
}
div.add-to-portfolio-item label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  font-weight: normal;
  min-width: 4em;
  color: #4a4a4a;
}
div.add-to-portfolio-item label:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.5em;
  font-size: 14px;
  position: absolute;
}
div.add-to-portfolio-item input[type=checkbox] {
  position: absolute;
  opacity: 0;
  display: inline-block;
  cursor: pointer;
}
div.add-to-portfolio-item input[type=checkbox]:checked + label:after {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #565d6b;
}

.fund-table-control-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2%;
  background-color: #3188a1;
  color: white;
  border-bottom: 1px solid white;
}
.fund-table-control-row .control-col {
  flex: 2;
}
.fund-table-control-row .control-col.data-thru {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.fund-table-control-row .control-col.data-thru span {
  font-size: 10px;
  padding-left: 5px;
}
.fund-table-control-row .control-col.data-thru select {
  font-size: 1.6em;
  background-color: #3188a1;
  height: 35px;
  border: none;
  max-width: 400px;
  text-indent: 0px;
}
.fund-table-control-row .control-col.data-thru select option {
  background-color: #ffffff;
  color: black;
  font-size: 14px;
}
.fund-table-control-row .control-col.search {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fund-table-control-row .control-col.search .input {
  flex: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.fund-table-control-row .control-col.search .input span {
  width: 90%;
  float: right;
}
.fund-table-control-row .control-col.search button {
  height: 35px;
}
.fund-table-control-row .control-col.search input {
  width: 90%;
  max-width: 300px;
  height: 35px;
  padding-left: 10px;
  color: #9b9b9b;
}
.fund-table-control-row .control-col.search input::placeholder {
  color: #9b9b9b;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.fund-table-control-row .control-col.search .reset {
  flex: 1;
}
.fund-table-control-row .control-col.search .reset a {
  color: white;
  text-decoration: underline;
}
.fund-table-control-row .control-col.search .reset a:nth-child(3) {
  margin-left: 8px;
}
.fund-table-control-row .control-col.last {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.fund-table-control-row .control-col.last div {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.fund-table-control-row .control-col.last div:first-child {
  flex: 2;
}
.fund-table-control-row .control-col.last span:hover {
  cursor: pointer;
}
.fund-table-control-row .control-col.last .selected-length {
  border-bottom: 2px solid #ffffff;
}
.fund-table-control-row .control-col.last button {
  height: 35px;
  border-radius: 3px;
  background-color: #003975;
  border: 2px solid #ffffff;
}
.fund-table-control-row .control-col.last button:hover, .fund-table-control-row .control-col.last button:focus {
  color: #ffffff;
}

#fund-table_wrapper #print {
  padding-left: 20px;
}
#fund-table_wrapper #print:hover {
  cursor: pointer;
}
#fund-table_wrapper tr:last-of-type {
  height: 30px;
}
#fund-table_wrapper tfoot {
  display: none;
}
#fund-table_wrapper #fund-table_paginate {
  text-align: center;
}
#fund-table_wrapper .dt-buttons, #fund-table_wrapper .dataTables_length {
  display: none;
}
#fund-table_wrapper .table-responsive {
  width: 100%;
  overflow: visible;
  min-height: 70vh;
}
#fund-table_wrapper #fund-table {
  padding: 0px;
  width: 100%;
}
#fund-table_wrapper #fund-table .bootstrap-select {
  width: 100%;
}
#fund-table_wrapper #fund-table .input-filter input {
  width: 100%;
}
#fund-table_wrapper #fund-table td {
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
#fund-table_wrapper #fund-table th {
  background-color: #3188a1;
}
#fund-table_wrapper #fund-table span.buy {
  border-bottom: 2px solid #228B22;
}
#fund-table_wrapper #fund-table span.sell {
  border-bottom: 2px solid #B22222;
}
#fund-table_wrapper #fund-table span.hold {
  border-bottom: 2px solid #f7c830;
}
#fund-table_wrapper #fund-table tr.selected {
  background-color: #FFCF8B !important;
}
#fund-table_wrapper #fund-table thead {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 14px;
  width: 95%;
}
#fund-table_wrapper #fund-table thead tr.header-row {
  width: 100%;
}
#fund-table_wrapper #fund-table thead tr.header-row :first-child.stacked-header {
  border-top: 0;
}
#fund-table_wrapper #fund-table thead tr.header-row :first-child.stacked-header button {
  border-radius: 3px;
}
#fund-table_wrapper #fund-table thead tr.header-row th:nth-child(5) {
  min-width: 150px !important;
}
#fund-table_wrapper #fund-table thead tr.header-row th:nth-child(6) {
  text-decoration: none;
  min-width: 100px !important;
  max-width: 128px !important;
}
#fund-table_wrapper #fund-table thead tr.header-row th:nth-child(6) span {
  text-decoration: none;
}
#fund-table_wrapper #fund-table thead tr.header-row th {
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  height: 1px; /*im not sure why this works*/
  max-height: 30px;
  vertical-align: top;
}
#fund-table_wrapper #fund-table thead tr.header-row th span {
  text-decoration: underline;
}
#fund-table_wrapper #fund-table thead tr.header-row th.sorting:hover, #fund-table_wrapper #fund-table thead tr.header-row th.sorting_asc:hover, #fund-table_wrapper #fund-table thead tr.header-row th.sorting_desc:hover {
  cursor: pointer;
}
#fund-table_wrapper #fund-table thead tr.header-row th.sorting > div:first-of-type, #fund-table_wrapper #fund-table thead tr.header-row th.sorting_asc > div:first-of-type, #fund-table_wrapper #fund-table thead tr.header-row th.sorting_desc > div:first-of-type {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#fund-table_wrapper #fund-table thead tr.header-row th.sorting > div:after, #fund-table_wrapper #fund-table thead tr.header-row th.sorting_asc > div:after, #fund-table_wrapper #fund-table thead tr.header-row th.sorting_desc > div:after {
  font-size: 0.8em;
  font-family: "FontAwesome";
}
#fund-table_wrapper #fund-table thead tr.header-row th.sorting > div:after {
  content: "\f0dc";
  color: #ffffff;
  display: block;
  margin-top: 30px;
  font-size: 14px;
}
#fund-table_wrapper #fund-table thead tr.header-row th.sorting_asc > div:after {
  content: "\f0de";
  display: block;
  margin-top: 30px;
  font-size: 14px;
}
#fund-table_wrapper #fund-table thead tr.header-row th.sorting_desc > div:after {
  content: "\f0dd";
  display: block;
  margin-top: 30px;
  font-size: 14px;
}
#fund-table_wrapper #fund-table thead tr.header-row th.percent {
  min-width: 44px !important;
}
#fund-table_wrapper #fund-table thead tr.header-row th.class {
  width: 160px !important;
  padding-left: 10px;
}
@media (max-width: 1200px) {
  #fund-table_wrapper #fund-table thead tr.header-row th.class {
    width: 100px !important;
  }
}
@media (min-width: 1200px) {
  #fund-table_wrapper #fund-table thead tr.header-row th.class {
    padding-left: 110px;
  }
}
#fund-table_wrapper #fund-table thead tr.header-row_inputs {
  width: 100%;
}
#fund-table_wrapper #fund-table thead tr.header-row_inputs th {
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
#fund-table_wrapper #fund-table thead tr.header-row_inputs th.class {
  width: 160px !important;
  padding-left: 10px;
}
@media (max-width: 1200px) {
  #fund-table_wrapper #fund-table thead tr.header-row_inputs th.class {
    width: 100px !important;
  }
}
@media (min-width: 1200px) {
  #fund-table_wrapper #fund-table thead tr.header-row_inputs th.class {
    padding-left: 110px;
  }
}
#fund-table_wrapper #fund-table thead tr.header-row_inputs button {
  background-color: #3188a1;
  border-radius: 3px;
  color: #ffffff;
  border: 1px solid #ffffff;
  font-size: 12px;
}
#fund-table_wrapper tbody tr {
  height: 58px;
}
#fund-table_wrapper tbody tr td {
  vertical-align: middle;
}
#fund-table_wrapper tbody tr td span.portfolio-name {
  cursor: pointer;
  padding: 5px 5px;
  display: block;
  border-radius: 3px;
  text-align: center;
  margin-top: 2px;
}
#fund-table_wrapper tbody tr td button.btn-add-portfolio {
  margin-left: 1em;
  border-radius: 3px;
  color: #4a4a4a;
  background-color: transparent;
  padding: 3px 12px;
  border: solid 1px #4a4a4a;
}
#fund-table_wrapper tbody tr td button.btn-add-portfolio.active {
  color: #ffffff;
  background-color: #003975;
}
#fund-table_wrapper tbody tr td:first-of-type {
  padding-left: 115px;
}
@media (max-width: 1200px) {
  #fund-table_wrapper tbody tr td:first-of-type {
    padding-left: 40px;
  }
}
#fund-table_wrapper tbody tr td:last-of-type {
  padding-right: 85px;
}

/********** Message Modal *************/
#message-modal {
  font-family: "Asap", sans-serif;
}
#message-modal .modal-content {
  border-radius: 0px;
}
#message-modal .modal-header {
  background: linear-gradient(180deg, #3087A1 0%, #3087A1 0%, #0B4B7F 77.33%, #003975 100%);
  border-bottom: none;
  text-align: center;
}
#message-modal .modal-header .close-modal {
  float: right;
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
}
#message-modal .modal-body h3 {
  color: #565D6B;
  font-size: 22px;
  font-family: inherit;
  font-weight: 500;
  letter-spacing: 1.4px;
  line-height: 29px;
  word-wrap: break-word;
}
#message-modal .modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border-top: none;
  padding-bottom: 15px;
}

/********** Welcome Modal *************/
#welcome-modal, #expired-warning-modal {
  font-family: "Asap", sans-serif;
}
@media (min-width: 768px) {
  #welcome-modal .modal-dialog, #expired-warning-modal .modal-dialog {
    width: 690px;
    margin-top: 133px;
  }
}
#welcome-modal .modal-content, #expired-warning-modal .modal-content {
  border-radius: 0px;
}
#welcome-modal .modal-header, #expired-warning-modal .modal-header {
  background: linear-gradient(180deg, #3087A1 0%, #3087A1 0%, #0B4B7F 77.33%, #003975 100%);
  border-bottom: none;
  text-align: center;
}
#welcome-modal .modal-header .close-modal, #expired-warning-modal .modal-header .close-modal {
  float: right;
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
}
@media (min-width: 768px) {
  #welcome-modal .modal-body, #expired-warning-modal .modal-body {
    padding: 35px 50px 25px 50px;
  }
}
#welcome-modal .modal-body h3, #expired-warning-modal .modal-body h3 {
  color: #565D6B;
  font-size: 24px;
  font-family: inherit;
  font-weight: 700;
  letter-spacing: 1.89px;
  line-height: 29px;
}
#welcome-modal .modal-body p, #expired-warning-modal .modal-body p {
  color: #4A4A4A;
  font-family: inherit;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.42px;
  line-height: 22px;
}
#welcome-modal .modal-footer, #expired-warning-modal .modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border-top: none;
  padding-bottom: 45px;
}
#welcome-modal .modal-footer a, #expired-warning-modal .modal-footer a {
  display: block;
}
#welcome-modal .modal-footer a.btn, #expired-warning-modal .modal-footer a.btn {
  border-radius: 0px;
  background-color: #003975;
  min-width: 190px;
  color: white;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.1px;
  line-height: 17px;
  font-family: inherit;
}

/********** Non Supported Browser Modal *************/
#non-supported-browser-modal {
  font-family: "Asap", sans-serif;
}
@media (min-width: 768px) {
  #non-supported-browser-modal .modal-dialog {
    width: 690px;
    margin-top: 133px;
  }
}
#non-supported-browser-modal .modal-content {
  border-radius: 0px;
}
#non-supported-browser-modal .modal-header {
  background: linear-gradient(180deg, #3087A1 0%, #3087A1 0%, #0B4B7F 77.33%, #003975 100%);
  border-bottom: none;
  text-align: center;
}
#non-supported-browser-modal .modal-header .close-modal {
  float: right;
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
}
@media (min-width: 768px) {
  #non-supported-browser-modal .modal-body {
    padding: 35px 50px 25px 50px;
  }
}
#non-supported-browser-modal .modal-body h3 {
  color: #565D6B;
  font-size: 24px;
  font-family: inherit;
  font-weight: 700;
  letter-spacing: 1.89px;
  line-height: 29px;
}
#non-supported-browser-modal .modal-body p {
  color: #4A4A4A;
  font-family: inherit;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.42px;
  line-height: 22px;
}
#non-supported-browser-modal .modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border-top: none;
  padding-bottom: 45px;
}
#non-supported-browser-modal .modal-footer a {
  display: block;
}
#non-supported-browser-modal .modal-footer a.btn {
  border-radius: 0px;
  background-color: #003975;
  min-width: 190px;
  color: white;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.1px;
  line-height: 17px;
  font-family: inherit;
}

section.portfolio-update {
  min-height: 300px;
}
section.portfolio-update .update-container {
  margin-left: 150px;
  display: flex;
  flex-direction: column;
  width: 50%;
}
section.portfolio-update .update-container h2 {
  color: #4a4a4a;
}
section.portfolio-update .update-container form label {
  font-size: 10px;
  color: #4a4a4a;
}
section.portfolio-update .update-container form .name input {
  border-radius: 0;
  height: 35px;
}
section.portfolio-update .update-container form .name .help-text {
  padding-top: 10px;
  font-style: italic;
  font-size: 12px;
  line-height: 1.17;
}
section.portfolio-update .update-container form .color-select {
  padding-top: 5px;
}
section.portfolio-update .update-container form .color-select input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
section.portfolio-update .update-container form .color-select input[type=radio]:checked + label.color-option:before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #4a4a4a;
  position: absolute;
  right: 10px;
  z-index: 2;
  top: 8px;
  font-size: 14px;
}
section.portfolio-update .update-container form .color-select label.header-label {
  display: block;
}
section.portfolio-update .update-container form .color-select label.color-option {
  position: relative;
  padding-left: 35px;
  margin-bottom: 35px;
  cursor: pointer;
}
section.portfolio-update .update-container form .color-select label.color-option .square {
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  width: 35px;
}
section.portfolio-update .update-container form .color-select label.color-option .square:after {
  content: "";
  position: absolute;
  display: none;
}
section.portfolio-update .update-container form .type {
  margin-top: 2.5em;
}
section.portfolio-update .update-container form .type input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
section.portfolio-update .update-container form .type input[type=radio]:checked + label > span {
  background-color: #003975;
  color: #ffffff;
}
section.portfolio-update .update-container form .type label > span {
  height: 35px;
  border-radius: 3px;
  width: 150px;
  font-weight: bold;
  font-size: 14px;
  background-color: #565d6b;
  color: #ffffff;
}
section.portfolio-update .update-container form .submit {
  margin-top: 1.5em;
  margin-bottom: 5em;
}
section.portfolio-update .update-container form .submit .btn {
  color: #ffffff;
  background-color: #003975;
  margin: 10px 0px 0px 0px;
}

@keyframes loading-spinner {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}
.loading-spinner {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(1, 1, 1, 0.2);
  opacity: 1;
  transition: opacity linear 0.1s;
  z-index: 9999;
}
.loading-spinner::before {
  animation: 2s linear infinite loading-spinner;
  border: solid 20px #eee;
  border-bottom-color: #B22222;
  border-radius: 50%;
  content: "";
  height: 20vh;
  left: 50%;
  opacity: inherit;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center;
  width: 20vh;
  will-change: transform;
}

#create_credit_card_payment_method label {
  margin-top: 1em;
}
#create_credit_card_payment_method #card-errors {
  padding: 10px 0;
  color: red;
}
#create_credit_card_payment_method #create-payment-method {
  margin: 10px 0px;
}

body.rate_plans.new .boolean, body.rate_plans.edit .boolean {
  margin: 10px 10px 0px 0px;
}
body.rate_plans.new input[type=submit], body.rate_plans.edit input[type=submit] {
  margin: 15px 0px;
}

body.rate_plans.index .fa.fa-check {
  font-size: 25px;
  color: green;
  margin: 5px 10px;
}

.error_status {
  background-color: rgb(255, 179, 179) !important;
}

.progress-bar-container, .sf-bar-container {
  position: relative;
}

#snapshot-create .row {
  margin: 10px;
}

thead {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  width: 95%;
}
thead th.sorting > div:after, thead th.sorting_asc > div:after, thead th.sorting_desc > div:after {
  font-family: "FontAwesome";
  display: inline;
  float: right;
  padding-right: 10px;
  font-size: 14px;
}
thead th.sorting > div:after {
  content: "\f0dc";
}
thead th.sorting_asc > div:after {
  content: "\f0de";
}
thead th.sorting_desc > div:after {
  content: "\f0dd";
}

body.subscriptions.new #validate-coupon {
  margin-top: 25px;
}
body.subscriptions.new #coupon-validation-text {
  color: #c73c25;
  font-size: 14pt;
}
body.subscriptions.new .levels {
  margin: 0px;
}
body.subscriptions.new input.btn[type=submit] {
  display: inline-block;
  margin: 10px 0px;
}

body.subscriptions.edit .new-expiration-date {
  padding: 12px 0 12px 195px;
}
body.subscriptions.edit input[type=submit] {
  margin-top: 30px;
}
body.subscriptions.edit input[type=radio] {
  opacity: 0;
}
body.subscriptions.edit input[type=radio] + label {
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 0px;
}
body.subscriptions.edit input[type=radio] + label:before {
  content: "";
  background: #ffffff;
  border-radius: 100%;
  border: 1px solid #003975;
  display: block;
  margin-bottom: 2em;
  width: 1.6em;
  height: 1.6em;
  top: 1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
body.subscriptions.edit input[type=radio]:checked + label:before {
  background-color: rgb(84.1901408451, 179.4295774648, 205.3098591549);
  box-shadow: inset 0 0 0 3px #ffffff;
}
body.subscriptions.edit input[type=radio]:focus + label:before {
  outline: none;
  border-color: #3188a1;
}

.user-card {
  border: 2px solid #c5ced6;
  margin: 10px 0px;
  padding: 15px;
  border-radius: 5px;
  color: #47505a;
  font-weight: 500;
}
.user-card input[type=checkbox] {
  position: relative;
  margin: 5px;
}
.user-card input[type=checkbox]:after {
  content: "";
  position: absolute;
  background-color: white;
  border: 2px solid #c5ced6;
  border-radius: 2px;
  right: 0px;
  top: -3px;
  width: 20px;
  height: 20px;
  z-index: 2;
}
.user-card input[type=checkbox]:checked:before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: white;
  font-size: 18px;
  text-align: center;
  font-weight: 100;
  background-color: #47505a;
  border-radius: 2px;
  position: absolute;
  right: 0px;
  z-index: 3;
  top: -3px;
  width: 20px;
  height: 20px;
}
.user-card input[type=radio] {
  position: relative;
  margin: 5px;
}
.user-card input[type=radio]:after {
  content: "";
  position: absolute;
  background-color: white;
  border: 2px solid #47505a;
  border-radius: 15px;
  right: 0px;
  top: -3px;
  width: 20px;
  height: 20px;
  z-index: 2;
}
.user-card input[type=radio]:checked:before {
  content: "";
  background-color: #47505a;
  border-radius: 15px;
  position: absolute;
  right: 4px;
  z-index: 3;
  top: 1px;
  width: 12px;
  height: 12px;
}
.user-card .btn {
  background-color: white;
  border: 2px solid #47505a;
  color: #47505a;
  font-weight: 600;
}
.user-card .btn:hover {
  cursor: pointer;
  background-color: #47505a;
  color: white;
}
.user-card .submit-btn {
  border: 2px solid #47505a;
  cursor: pointer;
  background-color: #47505a;
  color: white;
}
.user-card .card-title {
  display: flex;
  margin: 5px 0px 10px 0px;
}
.user-card .card-title h3 {
  font-weight: 800;
  font-size: 30px;
  margin: 0px;
  flex: 20%;
}
.user-card .card-title .btn {
  margin-left: 15px;
}
.user-card .card-body .alert {
  display: block;
}
.user-card .card-body .tab-content #create_credit_card_payment_method #set_default {
  margin-left: 50px;
}
.user-card .card-body .tab-content #create_credit_card_payment_method #stripe-payment-method-form {
  margin: auto;
  width: 90%;
  margin-bottom: 30px;
}
.user-card .card-body .tab-content .tab-pane .split-form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.user-card .card-body .tab-content .tab-pane .split-form .split-form-col {
  flex: 50%;
  display: flex;
  flex-direction: column;
  padding: 0px 10px 0px 0px;
}
.user-card .card-body .tab-content .tab-pane .split-form .split-form-col .btn-container {
  padding: 10px 0px;
}
.user-card .card-body .user-details {
  display: flex;
  justify-content: space-between;
}
.user-card .card-body .user-details .detail {
  flex: 25%;
  padding: 10px;
}
.user-card .card-body .user-details .detail h5 {
  font-weight: 600;
}
.user-card ul.pagination li.paginate_button.active a {
  color: white;
  background-color: #47505a;
}
.user-card ul.pagination li.paginate_button a {
  color: #47505a;
  border-color: #47505a;
}
.user-card table {
  width: 100%;
}
.user-card table tbody tr:nth-child(even) {
  background: #e9edf1;
}
.user-card table tbody tr:nth-child(odd) {
  background: white;
}
.user-card table tbody .actions {
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: space-evenly;
}
.user-card table tbody .actions form .btn {
  width: 100%;
}
.user-card table tbody .actions p {
  margin: 7px 0 0 0;
}
.user-card table tbody .fa.fa-check {
  font-size: 25px;
  color: green;
  margin: 5px 0px;
}
.user-card table th.sorting:hover, .user-card table th.sorting_asc:hover, .user-card table th.sorting_desc:hover {
  cursor: pointer;
}
.user-card table th.sorting:after {
  font-family: "FontAwesome";
  content: "\f0dc";
  color: #ffffff;
  margin-left: 10px;
  font-size: 14px;
}
.user-card table th.sorting_asc:after {
  font-family: "FontAwesome";
  content: "\f0de";
  margin-left: 10px;
  font-size: 14px;
}
.user-card table th.sorting_desc:after {
  font-family: "FontAwesome";
  content: "\f0dd";
  margin-left: 10px;
  font-size: 14px;
}
.user-card table td, .user-card table th {
  padding: 5px 10px;
}

body.users .control-row {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 14px;
  height: 95px;
  background-color: #3188a1;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-bottom: solid 2px #ffffff;
}
body.users .control-row .btn, body.users .control-row button {
  border-radius: 3px;
  color: white;
  background-color: #003975;
  border: 2px solid #ffffff;
}
body.users .control-row #shared-fundlists {
  margin-right: 24px;
}
body.users .control-row div {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.users .control-row .selected-length {
  border-bottom: solid 2px #ffffff;
}
body.users .control-row .length-select:hover {
  cursor: pointer;
}
body.users .control-row .control-filters {
  position: relative;
}
body.users .control-row .control-filters #pre-post-filter-count {
  position: absolute;
  top: 30px;
  right: 0;
  margin: 0;
}
body.users .control-row .user-dropdown {
  margin-right: 24px;
}
body.users .control-row #table-search {
  width: 90%;
  height: 35px;
  padding-left: 10px;
  color: #9b9b9b;
}
body.users .control-row #table-search::placeholder {
  color: #9b9b9b;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}
body.users .control-row #clear-filters {
  margin-left: 10px;
}
body.users #user-table {
  padding: 0;
}
body.users #user-table th {
  background-color: #3188a1;
}
body.users #user-table #header-row {
  cursor: auto;
}
body.users #user-table #header-row th.sorting:hover, body.users #user-table #header-row th.sorting_asc:hover, body.users #user-table #header-row th.sorting_desc:hover {
  cursor: pointer;
}
body.users #user-table #header-row th.sorting:after {
  font-family: "FontAwesome";
  content: "\f0dc";
  color: #ffffff;
  margin-left: 10px;
  font-size: 14px;
}
body.users #user-table #header-row th.sorting_asc:after {
  font-family: "FontAwesome";
  content: "\f0de";
  margin-left: 10px;
  font-size: 14px;
}
body.users #user-table #header-row th.sorting_desc:after {
  font-family: "FontAwesome";
  content: "\f0dd";
  margin-left: 10px;
  font-size: 14px;
}
body.users #user-table tbody tr .email-column, body.users #user-table tbody tr .name-column, body.users #user-table tbody tr .subscription-column {
  cursor: pointer;
}
body.users #user-table thead {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 14px;
  width: 95%;
}
body.users #users {
  width: 95%;
  margin: 0 auto;
}
body.users #filter-search {
  position: relative;
  z-index: 1;
  left: -25px;
  top: 1px;
  color: #003975;
  width: 16px;
}
body.users .dt-buttons, body.users .dataTables_length {
  display: none;
}
body.users .dt-length {
  display: none !important;
}

/* Cancel form styled checkbox */
.cancel_subscription input[type=checkbox] {
  appearance: none; /* remove native box */
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  margin: 5px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

/* Draw empty box */
.cancel_subscription input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #c5ced6;
  border-radius: 2px;
  background-color: #fff;
  z-index: 1;
}

/* Draw checkmark when checked */
.cancel_subscription input[type=checkbox]:checked::before {
  content: "\f00c"; /* Font Awesome checkmark */
  font-family: "FontAwesome";
  font-size: 14px;
  color: white;
  text-align: center;
  line-height: 20px;
  background-color: #47505a;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
}

/* Optional: focus outline for accessibility */
.cancel_subscription input[type=checkbox]:focus::after {
  outline: 2px solid #4da3ff;
  outline-offset: 2px;
}

body.visitor .container {
  padding-top: 200px;
}
body.visitor .container .login-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 75px;
  border-radius: 4px;
  background-color: #3188A1;
}
body.visitor .container .login-button a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none !important;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
}

.version-ribbon {
  width: 200px;
  background: #e43;
  position: fixed;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  top: auto;
  bottom: 25px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#fundx-logo {
  width: 345px;
  height: auto;
}

.navbar > .container-fluid a.navbar-brand {
  color: #053678;
  font-weight: bold;
  font-family: "Asap", sans-serif;
  font-size: 18pt;
}

div.overview-nav {
  display: flex;
  height: 40px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.overview-nav .column {
  display: flex;
  align-items: center;
  background-color: #003975;
}
div.overview-nav .column.active {
  background-color: #ffffff;
  background-image: none;
}
div.overview-nav .column.active a {
  color: #003975;
}
div.overview-nav .column:first-of-type {
  flex: 1;
  padding-left: 30px;
}
div.overview-nav .column:first-of-type a {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
div.overview-nav .column:first-of-type a:hover {
  text-decoration: none;
}
div.overview-nav .column:last-of-type {
  min-width: 70px;
}
div.overview-nav .link-column {
  padding-left: 16px;
  padding-right: 16px;
}
div.overview-nav .link-column a {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}
div.overview-nav .link-column a:hover {
  text-decoration: none;
}
div.overview-nav .link-column:hover {
  background-color: #ffffff;
  background-image: none;
}
div.overview-nav .link-column:hover a {
  color: #003975;
}

div.nav {
  height: 180px;
  display: flex;
}
div.nav .column {
  border-bottom: solid 8px #d8d8d8;
  display: flex;
  align-items: flex-end;
  padding-bottom: 30px;
}
div.nav .column a {
  color: #003975;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  font-family: "Asap", sans-serif;
}
div.nav .column.active {
  border-image: linear-gradient(to right, #3188a1, #003975);
  border-image-slice: 1;
  border-top: solid 0px transparent;
  border-left: solid 0px transparent;
  border-right: solid 0px transparent;
}
div.nav .column.active a {
  color: #565d6b;
}
div.nav .column:last-of-type {
  flex: 2;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: 35px;
}
div.nav .column:last-of-type div:first-of-type {
  display: flex;
  margin-right: 3%;
  flex-wrap: wrap;
  justify-content: flex-end;
}
div.nav .column:last-of-type div:first-of-type a.btn {
  border-radius: 3px;
  color: #ffffff;
  font-size: 17px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #3889a0;
  border: none;
  display: block;
}
div.nav .column:last-of-type div:first-of-type a.btn:first-of-type {
  margin-right: 10px;
}
@media (max-width: 1265px) {
  div.nav .column:last-of-type div:first-of-type {
    width: 75%;
  }
  div.nav .column:last-of-type div:first-of-type a.btn {
    width: 75%;
  }
  div.nav .column:last-of-type div:first-of-type a.btn:first-of-type {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 1230px) {
  div.nav .column:last-of-type div:first-of-type {
    width: 100%;
  }
  div.nav .column:last-of-type div:first-of-type a.btn {
    width: 100%;
  }
  div.nav .column:last-of-type div:first-of-type a.btn:first-of-type {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
div.nav .brand-column {
  padding-left: 2vw;
  padding-right: 2vw;
}
div.nav .link-column {
  padding-left: 1vw;
  padding-right: 1vw;
}

.login-logout h5 {
  font-weight: 20;
}
.login-logout h5 a {
  cursor: pointer;
  font-size: 1.4em;
}

div.table-responsive {
  overflow: visible;
  width: 100%;
}

footer {
  background-image: linear-gradient(to bottom, #3889a0, #1b365d 70%, #1b365d);
  min-height: 500px;
  display: flex !important;
  align-items: flex-end;
  justify-content: center;
  color: #ffffff;
  font-size: 15px;
  padding: 0;
}
footer .inner-container {
  width: 85%;
  height: 95%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer .inner-container .top {
  display: flex;
  justify-content: space-between;
}
footer .inner-container .top h5 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
footer .inner-container .top .left {
  width: 50%;
}
footer .inner-container .top .left .footer-link {
  color: #ffffff;
  border: none;
  text-transform: none;
}
footer .inner-container .top .left a {
  height: 35px;
  border: solid 2px #ffffff;
  border-radius: 0;
  background-color: transparent;
  text-transform: uppercase;
  margin-top: 30px;
}
footer .inner-container .top .right {
  width: 30%;
}
footer .inner-container .bottom {
  display: flex;
  flex-wrap: wrap;
}
footer .inner-container .bottom p {
  line-height: 1.33;
  flex: 0 0 100%;
}
footer .inner-container .bottom p:last-of-type {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
}

.featured-fund-list-icon {
  max-width: 20px;
  max-height: 20px;
}

div.alert {
  margin-bottom: 0;
  padding: 12px 24px;
}