html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #fff;
  --alt-1: #0194FE;
  --alt-2: #2ADFF3;
  --alt-3: #5AC8FB;
  --alt-4: #52EDC6;
  min-height: 100vh;
}

.footer {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--white);
}

.vh-100 {
  min-height: 100vh;
}

.sidenav-toggler {
  transition: 0.5s;
  border: none;
  outline: none;
  z-index: 9999!important;
  position: fixed;
  top: 13px;
}

.bar1, .bar2, .bar3 {
  width: 1.75rem;
  height: 0.12rem;
  background-color: var(--alt-1);
  transition: 0.3s;
  margin-top: 0.38rem;
  margin-bottom: 0.38rem;
}

.bar2 {
  transition: 0.15s;
}

.change .bar1 {
  -webkit-transform: rotate(45deg) translate(6px, 6px);
  transform: rotate(45deg) translate(6px, 6px);
  background-color: #000;
}
.change .bar2 {
  opacity: 0;
}
.change .bar3 {
  -webkit-transform: rotate(-45deg) translate(5px, -5px);
  transform: rotate(-45deg) translate(5px, -5px);
  background-color: #000;
}


#languageDropdown.dropdown-toggle::after {
  display:none;
}

.notification-bell {
  display: none;
  height: .5rem;
  width: .5rem;
  border-radius: 50%;
}


.nav-scroller {
  z-index: 1000;
  height: 2.5rem;
  overflow-y: hidden;
  transition: top 0.3s;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  font-size: .875rem;
  padding-top: .6rem;
  padding-bottom: .6rem;
  color: rgba(0, 0, 0, .5);
}

.nav-underline .nav-link:hover {
  color: var(--alt-1);
}

.nav-underline .active {
  font-weight: 500;
  color: rgba(0,0,0,.9);
}

.navbar .navbar-spacer {
  width:1.75rem;
}


/* Sidebar */

.sidebar {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  top: 0;
  overflow: hidden;
}

.sidebar-head {
  position: sticky;
  top: 0;
  width:100%;
  height:7rem;
  z-index:1001;
  display: flex;
}

.sidebar-body {
  overflow-x: hidden;
  overflow-y: auto;
  max-height:calc(100vh - 7.5rem);
  width:100%;
  padding-right:.5rem;
}

.sidebar-body::-webkit-scrollbar {
  width: .5rem;
  margin-left: 10rem;
}

/* Track */
.sidebar-body::-webkit-scrollbar-track {
  background-color: var(--bs-gray-800);
  border-radius: .5rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  margin-left: 10rem;
}

/* Handle */
.sidebar-body::-webkit-scrollbar-thumb {
  background-color: var(--bs-gray-700);
  border-radius: .5rem;
  margin-left: 10rem;
}

/* Handle on hover */
.sidebar-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-gray-600);
  margin-left: 10rem;
}

.sidebar i.fa-solid, .sidebar i.fa-brands {
  min-width: 1.25rem;
}

.sidebar .nav-drop {
  padding-left: 1.75rem;
}

.sidenav .nav-link:active, .sidenav .nav-link.active, .sidenav .nav-link:hover, .sidenav .nav-droplink:hover {
  text-decoration: none;
  background: var(--alt-3);
}

.sidenav .nav-drop .nav-link:hover {
  margin-left: -1rem;
}

.sidenav .nav-drop {
  transition: 0.5s;
}


.form-control:focus {
  border-color: var(--alt-3);
  box-shadow: 0 0 0 0.2rem rgba(90,200,251,.25);
}


.text-primary-1 {
  background: linear-gradient(135deg, var(--alt-1) 0, var(--alt-2) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-primary-1 {
  background: linear-gradient(135deg, var(--alt-1) 0, var(--alt-2) 100%);
  transition: 0.1s
}

.bg-primary-2 {
  background: linear-gradient(135deg, var(--alt-3) 0, var(--alt-4) 100%);
  transition: 0.1s
}

.btn-theme {
  color:#fff;
  border:none;
}

.btn-theme.focus, .btn-theme:focus {
  color: #fff;
  background-color: var(--alt-3);
  border: none;
  box-shadow: 0 0 0 0.2rem rgba(90,200,251,.25);
}

.btn-theme:not(:disabled):not(.disabled).active, .btn-theme:not(:disabled):not(.disabled):active, .show>.btn-theme.dropdown-toggle {
  color: #fff;
  background-color: var(--alt-1);
  border: none;
}

.btn-theme:hover {
  color: #fff;
  background-color: var(--alt-1);
  border: none;
}

.blockquote-footer::before {
  content: '';
}


::-moz-selection {
  color: #000;
  background: var(--alt-3);
}

::selection {
  color: #000;
  background: var(--alt-3);
}

.table-sm tr, .table-sm th, .table-sm td {
  font-size: 0.8rem;
}

a {
  color: var(--alt-1);
  text-decoration: none;
}

a:hover {
  color: var(--alt-3);
  text-decoration: none;
}

a.theme-link {
  color: rgba(0,0,0,.55);
  text-decoration: none;
}

a.theme-link:hover {
  color: rgba(0,0,0,.75);
  text-decoration: none;
  cursor: pointer;
}

.dropdown-item {
  transition: 0.33s;
}

.dropdown-item.active, .dropdown-item:active, .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  background: var(--alt-1);
}


/* <md size */

@media (max-width: 767.8px) {
  .sidebar {
    bottom: auto;
    top: 3.5rem;
  }
  .nav-pills .nav-link.active {
    background-color: inherit;
  }
  .sidebar-body {
    max-height: calc(100vh - 11rem);
  }
}

/* > md size */

@media (min-width: 768px) {
  .navbar-dark .navbar-nav .nav-link:focus:not(.active), .navbar-dark .navbar-nav .nav-link:hover:not(.active), .nav-scroller .nav-link:hover:not(.active) {
    background-color: var(--bs-gray-800);
    transition: .3s;
  }
  .navbar .navbar-spacer {
    width:6.125rem;
  }
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    /*background-color: var(--bs-gray-700);*/
    background-color: var(--alt-1);
  }

.nav-pills .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
  }


.card:not(.bg-primary-1){
  background-color: transparent;
}

.watermark {
  position: fixed;
  top: 0;
  right: 0;
  width: inherit;
  height: 100vh;
  z-index: -1;
  opacity: 0.07;
  background-size: contain;
  color: #000;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* > sm size */

@media (min-width: 576px) {
  .card-columns {
    column-count: 2;
  }
}

/* < sm size */

@media (max-width: 576px) {
  .sidenav {
    width:0;
  }
}


.dropdown-toggle::after {
  vertical-align:.12em;
}

.page-item.active .page-link {
  background-color: var(--alt-3);
  border-color: var(--alt-3);
  color: #fff
}

.page-link {
  color: var(--alt-1);
}

.page-link:hover {
  color: var(--alt-3);
}

.page-link:focus {
  color: var(--alt-3);
  box-shadow: 0 0 0 0.2rem rgba(90,200,251,.25);
}

.swal2-styled-popup {
  background-color:var(--bs-white)!important;
}

.swal2-styled-text {
  color:var(--bs-dark)!important;
}

.swal2-styled-footer {
  border-color: #111!important;
}

.swal2-styled-backdrop {
  backdrop-filter: blur(3px);
}

.web3modal-modal-lightbox {
  z-index: 9999!important;
  backdrop-filter: blur(3px);
}

.form-check-input {

}

.form-check-input:checked {
  background-color: var(--alt-3);
  border-color: var(--alt-3);
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(90,200,251,.25);
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.btn-outline-theme {
    color: var(--alt-3);
    border-color: var(--alt-3);
}

.btn-outline-theme:hover {
    color: var(--bs-white);
    background-color: var(--alt-3);
}

.btn-outline-theme:focus {
    box-shadow: 0 0 0 0.2rem rgba(90,200,251,.25);
}

.form-floating>label {
  z-index: 999;
}

.header-item {
  min-width: 4rem;
}

.text-xs {
  font-size:.675rem;
}

#address-truncate {
  max-width: 17rem;
}

@media (max-width: 992px) {
  #address-truncate {
    max-width: 9.5rem;
  }
}

@media (max-width: 768px) {
  #address-truncate {
    max-width: 7rem;
  }
}

@media (max-width: 576px) {
  #address-truncate {
    max-width: 5rem;
  }
}

.form-select-bg-none {
  background-image: none!important;
}

.popover-ios-add-to-home {
  max-width: 92vw;
  z-index: 999;
}

input[type=file].replace-classic-file-input {
  opacity:0;
  position: absolute;
  width: 0.1px;
  height: 0.1px;
}

label.file-input {
  width: 100%;
  height: 3.5rem;
  border-radius:.25rem;
  cursor: pointer;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bs-gray-400);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

label.file-input::before {
  font: var(--fa-font-solid);
  content: "\f574";
  margin-right:.5rem;
}


input[type=file]:focus + label.file-input {
  border: 1px solid var(--alt-3);
  box-shadow: 0 0 0 0.2rem rgb(90 200 251 / 25%);
}

.bg-alt-4 {
  background-color: var(--alt-4);
  color: var(--bs-gray-900);
}

.bg-alt-red {
  background-color: #ea868f;
  color: var(--bs-gray-900);
}

.text-alt-3 {
  color: var(--alt-3);
}

.text-alt-4 {
  color: var(--alt-4);
}

.bg-indigo-500 {
  color: #fff;
  background-color: #6610f2;
}

.bg-purple-500 {
  color: #fff;
  background-color: #6f42c1;
}

.bg-pink-500 {
  color: #fff;
  background-color: #d63384;
}

.bg-cyan-500 {
  color: #000;
  background-color: #0dcaf0;
}

.text-white-force {
  color: #fff!important;
}

.text-black-force {
  color: #000!important;
}

iframe#launcher-frame {
  z-index: 999!important;
}

.btn-outline-alt-4 {
  color:var(--alt-4);
  border-color:var(--alt-4);
}

.btn-outline-alt-4:hover {
    color: #000;
    background-color:var(--alt-4);
    border-color:var(--alt-4);
}

.btn-check:focus+.btn-outline-alt-4, .btn-outline-alt-4:focus {
  box-shadow: 0 0 0 0.25rem rgb(82 237 198 / 50%)
}


.blink {
  animation: flicker 5s infinite ease;
  -webkit-animation: flicker 5s infinite ease;
}

@keyframes flicker {
  0%, 6% {
    filter: brightness(0.2);
  }
  1.5%, 12%, 49% {
    filter: brightness(0.7);
  }
  1%, 3%, 51%, 100% {
    filter: brightness(1);
  }

  50% {
    filter: brightness(0.5);

  }
}

@-webkit-keyframes flicker {
  0%, 6% {
    filter: brightness(0.2);
  }
  1.5%, 12%, 49% {
    filter: brightness(0.7);
  }
  1%, 3%, 51%, 100% {
    filter: brightness(1);
  }

  50% {
    filter: brightness(0.5);

  }
}