/*
    ____                      _ _
   | __ ) _ __ __ _ _ __   __| (_)_ __   __ _
   |  _ \| '__/ _` | '_ \ / _` | | '_ \ / _` |
   | |_) | | | (_| | | | | (_| | | | | | (_| |
   |____/|_|  \__,_|_| |_|\__,_|_|_| |_|\__, |
                                        |___/
*/
/*

   __     ___    ____  ____
   \ \   / / \  |  _ \/ ___|
    \ \ / / _ \ | |_) \___ \
     \ V / ___ \|  _ < ___) |
      \_/_/   \_\_| \_\____/

*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i|Montserrat:300,300i,400,400i,500,500i|");
:root {
  --text-blue:  #225C88;
  --text-light: #7D8296;
  --text-white: #FFFFFF;
  --text-black: #000000; }

:root {
  --font-family: ProximaNovaA-Regular;
  --font-weight: normal;
  --font-medium-font-weight: normal;
  --font-regular-font-weight: normal;
  --font-semibold-font-weight: normal;
  --font-italic-font-weight: normal;
  --font-thin-font-weight: normal;
  --font-italic-font-style: normal; }

.my-account .page-header {
  margin-bottom: 20px; }

.my-account .form-group label {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
  color: #7D8296; }

.my-account .form-group input {
  width: 100%;
  font-size: 16px;
  color: #242A32; }

.my-account .form-group input.transparent-input {
  background-color: transparent;
  border: 0;
  outline: 0 !important;
  box-shadow: none !important;
  padding-right: 0;
  padding-left: 0; }

.my-account .form-group button.save-button {
  margin-top: 6px; }

.mfa-modal {
  min-width: MIN(90vw, 450px) !important;
  width: MIN(90vw, 450px); }
  .mfa-modal h3 {
    flex: 1 1 100%; }