.primary-color {
  background-color: #009795 !important; }

.secondary-color {
  background-color: #009795 !important; }

.primary-color-hover {
  background-color: #01a2a0 !important; }

.primary-color-cta {
  background-color-cta: #ffb81c !important; }

.primary-color-cta-hover {
  background-color-cta: #ff9a19 !important; }

.default-bg-color {
  default-bg-color: #e9e9e9 !important; }

.shades.black {
  background-color: #000000 !important; }

.shades-text.text-black {
  color: #000000 !important; }

.shades.white {
  background-color: #FFFFFF !important; }

.shades-text.text-white {
  color: #FFFFFF !important; }

.shades.transparent {
  background-color: transparent !important; }

.shades-text.text-transparent {
  color: transparent !important; }

.black {
  background-color: #000000 !important; }

.black-text {
  color: #000000 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

.danger-color {
  background-color: #ff4444 !important; }

.danger-color-dark {
  background-color: #CC0000 !important; }

.warning-color {
  background-color: #ffbb33 !important; }

.warning-color-dark {
  background-color: #FF8800 !important; }

.success-color {
  background-color: #00C851 !important; }

.success-color-dark {
  background-color: #007E33 !important; }

.info-color {
  background-color: #33b5e5 !important; }

.info-color-dark {
  background-color: #0099CC !important; }

.default-color {
  background-color: #2BBBAD !important; }

.default-color-dark {
  background-color: #00695c !important; }

.elegant-color {
  background-color: #2E2E2E !important; }

.elegant-color-dark {
  background-color: #212121 !important; }

.stylish-color {
  background-color: #4B515D !important; }

.stylish-color-dark {
  background-color: #3E4551 !important; }

.special-color {
  background-color: #37474F !important; }

.special-color-dark {
  background-color: #263238 !important; }

.unique-color {
  background-color: #3F729B !important; }

.unique-color-dark {
  background-color: #1C2331 !important; }

.md-color {
  background-color: #45526E !important; }

.grey.lighten-4 {
  background-color: #f5f5f5 !important; }

.blue {
  background-color: #2196F3 !important; }

.green {
  background-color: #4CAF50 !important; }

.deep-orange {
  background-color: #da0474 !important; }

.light-green {
  background-color: #8bc34a !important; }

.text-muted {
  color: #1e1e1e; }

/*** Images ***/
/*** Fonts ***/
/*** Typography ***/
/*** Cards ***/
/*** Global ***/
/*** Forms ***/
/*** Buttons ***/
/*** Dropdown ***/
/*** Tabs ***/
.my-account {
  margin: 0; }
  .my-account .nav-tabs {
    position: relative; }
    .my-account .nav-tabs .nav-link {
      border: 0;
      padding: 8px 16px;
      font-size: 14px;
      line-height: 18px;
      font-weight: 400;
      color: #3e3d40; }
      .my-account .nav-tabs .nav-link:hover {
        color: #009795; }
      .my-account .nav-tabs .nav-link.active {
        border-bottom: 2px solid #FFFFFF;
        color: #009795;
        font-weight: 600; }
        .my-account .nav-tabs .nav-link.active .label {
          background: #009795; }
          .my-account .nav-tabs .nav-link.active .label::before {
            border-right-color: #009795; }
  .my-account .last-login {
    float: right;
    border-top: 1px solid #ddd; }
    .my-account .last-login .text {
      margin: 5px 2px 0 0;
      padding: 5px 7px 0 5px;
      display: inline-block;
      font-size: .9rem; }
  .my-account .tab-content {
    min-height: 500px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.1), 0 12px 15px 0 rgba(0, 0, 0, 0.09); }
    .my-account .tab-content .form-wrapper {
      width: 40%;
      padding: 15px;
      margin: 50px auto;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); }
      @media (max-width: 768px) {
        .my-account .tab-content .form-wrapper {
          width: 100%; } }
      .my-account .tab-content .form-wrapper .select-fld-label {
        position: relative;
        padding: 0px 0 10px 0; }
      .my-account .tab-content .form-wrapper .c-checkbox {
        padding: 4px 35px;
        margin: 15px 0;
        display: inline-block; }
        .my-account .tab-content .form-wrapper .c-checkbox input:focus {
          outline: none; }
          .my-account .tab-content .form-wrapper .c-checkbox input:focus .c-indicator {
            box-shadow: none; }
        .my-account .tab-content .form-wrapper .c-checkbox .c-indicator {
          width: 2rem;
          height: 2rem;
          box-shadow: none; }
        .my-account .tab-content .form-wrapper .c-checkbox .text {
          font-size: 1rem; }
      .my-account .tab-content .form-wrapper button.btn-primary {
        margin: 0 5px 15px 0;
        color: #FFFFFF;
        padding: .375rem 1rem;
        border-radius: 2px;
        height: 36px;
        font-size: 14px;
        font-weight: 300; }
        .my-account .tab-content .form-wrapper button.btn-primary:hover {
          background-color: #01a2a0; }
      @media (min-width: 320px) and (max-width: 360px) {
        .my-account .tab-content .form-wrapper form h2 {
          font-size: 22px; } }
      .my-account .tab-content .form-wrapper form h3 {
        font-size: 24px;
        line-height: 28px; }
      .my-account .tab-content .form-wrapper form[name="frmEditProfile"] {
        height: 430px; }
      .my-account .tab-content .form-wrapper form[action="/updateuseraccount"] {
        height: 430px; }
      .my-account .tab-content .form-wrapper form[name="frmEditAddress"] {
        height: 610px; }
        @media (min-width: 320px) and (max-width: 560px) {
          .my-account .tab-content .form-wrapper form[name="frmEditAddress"] {
            height: 575px; } }

.my-account .tab-content .form-wrapper .c-checkbox .text {
  font-size: 1rem;
  top: 0px;
  position: relative;
  left: 10px; }

.my-account .tab-content .form-wrapper .c-checkbox .c-indicator {
  position: relative;
  top: 30px;
  left: -35px; }

.my-account .tab-content .form-wrapper button.btn-primary {
  top: 50px; }

@media (min-width: 320px) and (max-width: 560px) {
  .my-account .tab-content .form-wrapper button.btn-primary {
    top: 70px; } }

/*# sourceMappingURL=my-account.css.map */
