@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800;900&family=Rubik:wght@400;700;800;900&display=swap');

body {
  height: 100%;
  font-family: 'Inter', sans-serif;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'liga';
  background-color: #f8f9fa;
}

h1,
h2,
h3,
h4 {
  font-family: 'Rubik', sans-serif;
  font-weight: 800;
}

.form-label {
  margin-bottom: 0;
  font-size: 0.9rem;
}

.rs-logo {
  font-family: 'Expletus Sans', sans-serif;
  font-size: 1.6rem;
}

.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

.rs-page {
  background-color: #f8f9fa;
  /* background-image: linear-gradient(#1a73e8 60%, #eee 0%); */
  height: calc(100vh - 60px);
  overflow: auto;
}

.rs-bg-body {
  background-color: #f8f9fa;
}


.rs-auth {
  background-image: linear-gradient(#607D8B 50%, #f8f9fa 0%);
  padding-top: 7%;
}

.rs-error {
  background-color: #607D8B;
  padding-top: 7%;
}

.rs-program-list {
  background-image: linear-gradient(#1a73e8 60%, #f8f9fa 0%);
}

@media (min-width: 576px) {
  .rs-program-list {
    background-image: linear-gradient(#1a73e8 30%, #f8f9fa 0%);
  }
}

.rs-member-bg {
  background-color: #6457A6;
}

.rs-member-list {
  background-image: linear-gradient(#6457A6 60%, #f8f9fa 0%);
}

@media (min-width: 576px) {
  .rs-member-list {
    background-image: linear-gradient(#6457A6 30%, #f8f9fa 0%);
  }
}


.rs-referral-bg {
  background-color: #00838f;
}

.rs-referral-list {
  background-image: linear-gradient(#00838f 60%, #f8f9fa 0%);
}

@media (min-width: 576px) {
  .rs-referral-list {
    background-image: linear-gradient(#00838f 30%, #f8f9fa 0%);
  }
}

.rs-reward-bg {
  background-color: #bc5100;
}

.rs-reward-list {
  background-image: linear-gradient(#bc5100 60%, #f8f9fa 0%);
}

@media (min-width: 576px) {
  .rs-reward-list {
    background-image: linear-gradient(#bc5100 30%, #f8f9fa 0%);
  }
}

.rs-account {
  background-image: linear-gradient(#607D8B 60%, #f8f9fa 0%);
}

@media (min-width: 576px) {
  .rs-account {
    background-image: linear-gradient(#607D8B 30%, #f8f9fa 0%);
  }
}

.rs-dashboard {
  background-image: linear-gradient(#cfd8dc 60%, #f8f9fa 0%);
}

@media (min-width: 576px) {
  .rs-dashboard {
    background-image: linear-gradient(#cfd8dc 30%, #f8f9fa 0%);
  }
}

.dropdown-item.active {
  background-color: #6c757d;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #6c757d;
}



/* .nav-pills .nav-link.active {
  color: #fff;
  background-color: purple;
} */

.rs-editable {
  position: relative;
}

.rs-btn-edit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 101;
  /* filter: alpha(opacity=70); */
  /* opacity: 0.7; */
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  padding: 0 4px !important;
}

.rs-card-600 {
  max-width: 600px;
}

.btn-facebook {
  background-color: #1877f2;
}

.btn-facebook:hover {
  background-color: rgba(24, 119, 242, 0.75);
}

.btn-twitter {
  background-color: #1da1f2;
}

.btn-twitter:hover {
  background-color: rgba(29, 161, 242, 0.75);
}

.btn-linkedin {
  background-color: #0073b1;
}

.btn-linkedin:hover {
  background-color: rgba(0, 115, 177, 0.75);
}


.rs-transition {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.rs-hover-shadow:hover {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.rs-help:hover {
  cursor: pointer;
}