.modal {
  position: fixed;
  max-height: 100%;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 10%;
  z-index: 10001;
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .1875rem;
    outline: 0;    
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 15px;
  overflow-y: scroll;
  height: 475px;
  max-height: 80%;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 15px;
  position: inherit;
  border-top: 0px;
}

.modal-line {
  content:""; 
  background: #e9e9e9; 
  position: inherit; 
  height: 1px;
  justify-content: flex-start;
  left: 5%;
  max-width: 90%;
}

.form-group-checkbox .checkbox-label {
    font-size: 1rem;
    line-height: 1.29;
    letter-spacing: .5px;
    vertical-align: middle;
}

.form-group-checkbox {
    padding-left: 0px;
}

.card-header .card-collapse-text {
    font-family: "proxima_nova_cn_rgbold";
    text-transform: uppercase;
    font-size: 1.15rem;
    letter-spacing: .7px
}

.collapse-custom .card-header .card-collapse-icon, .collapse-simple .card-header .card-collapse-icon {
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  transition: transform .35s, -webkit-transform .35s;
  padding-top: 2.5px;
}

.modal-body .text-content {
  max-width: 100%;
  margin: 0 auto;
  letter-spacing: .5px;
  line-height: 1.125;
  padding-left: 7%;
}

.wrapper {
  min-height: 10vh;
 }
 
 #account-tabs .nav-link {
  background-color: #f0f0f0 !important;
 }

 #no-card-msg {
  display: none;
 }

  .nav-pills .nav-link.active,
  #account-tabs .nav-link.active,
  .nav-pills .nav-link.active:hover,
  .nav-pills .nav-link:hover {
    background-color: #fafafa !important;
  }

 @media (min-width: 320px) and (max-width: 767px) {
  #btnSave {
   width: 100% !important;
  }
  .table-payment tbody td {
   padding: .5rem 0.25rem 1rem .25rem;
  }
  .table-payment tbody td:first-child {
    padding-top: 5%;
  }

  .table-payment tbody td:last-child {
   text-align: right;
   padding-left: 0px!important;
   padding-right: 0;
  }
 }

  @media (max-width: 1023px) {
    #account-order {
      padding: 0rem 0 .625rem !important;
    }
    #account-statements {
      padding: 0rem 0 .625rem !important;
    }
  }

  @media (min-width: 1024px) and (max-width: 1439px) {
    .card-collapse .card-block {
      padding-top: 2rem !important;
    }
  }

  @media (min-width: 1440px) {
    .tab-collapse .card-block {
      padding-top: 2rem !important;
    }
  }

  @media(max-width: 1023px) {
    .block-title {
      margin-bottom: 0px !important;
    }

    .row {
      padding-bottom: 0px !important;
    }
  }

  @media(min-width: 1024px) {
    .download-link {
      margin-bottom: 2rem !important;
    }
  }
   .block-title {
    padding-top: 10px;
    font-size: 18px!important;
    letter-spacing: 1px!important;
    line-height: 2;
    font-family: "proxima_nova_alt_semibold";
    padding-left: 0px;
    margin: unset;
}