@font-face{
    font-family:"Futura PT W01 Book";
    src:url("../fonts/aafdd021-88d4-41d8-8e15-fe91f83e4b17.woff2") format("woff2"),url("../fonts/81d44d4b-ac07-4ad4-8cdd-4df771a3c1c3.woff") format("woff");
}

@font-face{
    font-family:"Segoe UI";
    src:url("../fonts/Segoe-UI.ttf") format("ttf");
}

.futura {
  font-family: "Futura PT W01 Book";
}

.segoe {
  font-family: "Segoe UI", sans-serif;
}

.header-color { 
  color: rgb(1, 11, 103);
}

.provider-box {
  background-color: rgb(235, 235, 235);
  border: 1px solid rgb(122, 122, 122);
  border-radius: 10px;
  padding: 1rem !important;
  position: relative;
  overflow: hidden;
}

@media(min-width: 576px) {
  .provider-box {
    padding: 2rem !important;
  }
}

* {
  font-size: 18px
}

.primary-cta {
  background: rgb(2,147,68);
  background: -moz-linear-gradient(90deg, rgba(138,198,63,1) 0%, rgba(2,147,68,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(138,198,63,1) 0%, rgba(2,147,68,1) 100%);
  background: linear-gradient(90deg, rgba(138,198,63,1) 0%, rgba(2,147,68,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8ac63f",endColorstr="#029344",GradientType=1);
  width: 100%;
  padding: calc(16px * 0.75);
  border-radius: 5px;
  border: 2px solid black;
  color: white;
  font-size: calc(16px * 1.5);
}

.secondary-cta {
  background: white;
  color: rgb(2,147,68);
  width: 100%;
  padding: calc(16px * 0.75);
  border-radius: 5px;
  border: 2px solid rgb(2, 147, 68); 
  font-size: calc(16px * 1.5);
}

h1, .extra-large-font {
  font-size: 2rem;
}

h2, .large-font {
  font-size: 1.75rem;
}

h3, .medium-font {
  font-size: 1.5rem;
}

h4, .medium-base-font {
  font-size: 1.25rem;
}

.loading {
 color: transparent;
 text-shadow: 0 0 12px rgba(0,0,0,0.5);
}

.loading td, .loading button, .loading h1, .loading h2 {
 color: transparent;
 text-shadow: 0 0 12px rgba(0,0,0,0.5);
}

.loading .provider-box::before {
    content: '';
    display: block;
    position: absolute;
    left: -150px;
    top: 0;
    height: 100%;
    width: 350px;
    background: linear-gradient(to right, transparent 0%, white 50%, transparent 100%);
}

.loading .provider-box:nth-child(1)::before {
  animation: load 2s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
}
.loading .provider-box:nth-child(2)::before {
  animation: load 4s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
}
.loading .provider-box:nth-child(3)::before {
  animation: load 3s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.feeScheduleTable tbody tr:nth-child(2n - 1), .feeScheduleTable thead {
  background-color: rgb(213, 239, 246)
}


.feeScheduleTable tbody tr:last-child {
  background-color: white;
}

.vasaWaiver {
  background-color: rgb(235, 235, 235);
  border: 1px solid rgb(122, 122, 122);
  border-radius: 10px;
  overflow-x: scroll;
  height: 15.5rem;
  padding: 1rem !important;
}

.vasaInput {
  width: 50%;
  margin-left: 1rem !important;
}

.ul-row-reset {
  padding-left: 15px;
  padding-right: 15px;
}

.scroll-button {
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 50;
}

@keyframes load {
    from {
        left: -150px;
    }
    to   {
        left: 100%;
    }
}