/* prettier-ignore */
/*# sourceMappingURL=user.css.map */

/*-----------------------------------------------
|   Fonts
-----------------------------------------------*/
@font-face {
  font-family: 'Avenir';
  src: url('https://me.nelolife.com/account/assets/fonts/Avenir.ttc') format('undefined');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('https://me.nelolife.com/account/assets/fonts/Avenir.ttc') format('undefined');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('https://me.nelolife.com/account/assets/fonts/Avenir.ttc') format('undefined');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('https://me.nelolife.com/account/assets/fonts/Avenir.ttc') format('undefined');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('https://me.nelolife.com/account/assets/fonts/Avenir.ttc') format('undefined');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

.tooltip {
    font-family: "Avenir", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.popover {
    font-family: "Avenir", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.font-base {
  font-family: "Avenir", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.notification {
    font-family: "Avenir", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/*-----------------------------------------------
|   Light/Normal mode
-----------------------------------------------*/
:root, :root.light, :root .light {
    --falcon-bg-navbar-glass: rgba(237,242,249,0.5);
    --falcon-body-bg: #edf2f9;
    --falcon-font-sans-serif: "Avenir", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --falcon-body-font-family: Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

/*-----------------------------------------------
|   Dark mode
-----------------------------------------------*/
.dark {
    --falcon-bg-navbar-glass: rgba(11, 23, 39, 0.5);
    --falcon-body-bg: #0b1727;
}

/*-----------------------------------------------
|   Misc
-----------------------------------------------*/
.card {
    /*box-shadow: none;*/
    --falcon-card-border-radius: 0.625rem;
}

.dashboard-card-flip {
    overflow: hidden;
    border-radius: 10px;
}

.navbar-glass {
    backdrop-filter: blur(10px) !important;
}

.bg-body-custom {
    background-color: var(--falcon-body-bg);
}

.text-nelo-navy {
    --falcon-text-opacity: 1;
    color: rgba(30,44,98, var(--falcon-text-opacity)) !important;
}

.text-nelo-cyan {
    --falcon-text-opacity: 1;
    color: rgba(123,208,253, var(--falcon-text-opacity)) !important;
}
/* intl-tel-input Bootstrap 5 styling*/
.iti {
    &.form-control {
        padding: 0;
        border: 0;
    }
}
/* Select2 Bootstrap 5 styling*/
.select2-container .select2-selection--single {
    height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

/*-----------------------------------------------
|   Selecting text highlight
-----------------------------------------------*/
::-moz-selection {
  background-color: #7f7f7f;
  color: #fff;
}

::selection {
  background-color: #7f7f7f;
  color: #fff;
}

/*-----------------------------------------------
|   Cursor helpers
-----------------------------------------------*/
.cursor-help {
    cursor: help;
}

.cursor-copy {
    cursor: copy;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-none {
    cursor: none;
}

.cursor-wait {
    cursor: wait;
}

.cursor-zoom-in {
    cursor: zoom-in;
}

.cursor-zoom-out {
    cursor: zoom-out;
}

.cursor-progress {
    cursor: progress;
}

.cursor-crosshair {
    cursor: crosshair;
}

.cursor-move {
    cursor: move;
}

.cursor-grab {
    cursor: grab;
}

.cursor-grabbing {
    cursor: grabbing;
}

/*-----------------------------------------------
|   Text Decoration helpers
-----------------------------------------------*/
.text-decoration-abbr {
    text-decoration: underline dotted !important;
}

/*-----------------------------------------------
|   Rounded (Pill) button group
-----------------------------------------------*/ 
.btn-pill-start {
   border-top-left-radius: 50rem!important;
   border-bottom-left-radius: 50rem!important;
}

.btn-pill-end {
   border-top-right-radius: 50rem!important;
   border-bottom-right-radius: 50rem!important;
}

/*-----------------------------------------------
|   Opacity helpers
-----------------------------------------------*/
.opacity-0 {
  opacity: 0 !important;
}

.opacity-0-hover:hover {
  opacity: 0 !important;
}

.opacity-5 {
  opacity: 0.05 !important;
}

.opacity-5-hover:hover {
  opacity: 0.05 !important;
}

.opacity-10 {
  opacity: 0.1 !important;
}

.opacity-10-hover:hover {
  opacity: 0.1 !important;
}

.opacity-15 {
  opacity: 0.15 !important;
}

.opacity-15-hover:hover {
  opacity: 0.15 !important;
}

.opacity-20 {
  opacity: 0.2 !important;
}

.opacity-20-hover:hover {
  opacity: 0.2 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-25-hover:hover {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-50-hover:hover {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-75-hover:hover {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.opacity-100-hover:hover {
  opacity: 1 !important;
}

/*-----------------------------------------------
|   Icon Circle modifiers
-----------------------------------------------*/
.icon-circle-sm {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-width: 2px;
  border-style: solid;
  margin: 0 auto;
  margin-bottom: 1rem;
}

.icon-circle-lg {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-width: 2px;
  border-style: solid;
  margin: 0 auto;
  margin-bottom: 1rem;
}

.icon-circle-xl {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-width: 2px;
  border-style: solid;
  margin: 0 auto;
  margin-bottom: 1rem;
}

.icon-circle-danger {
  color: var(--falcon-danger);
  border-color: var(--falcon-danger);
}

/*-----------------------------------------------
|   Logo Responsive Styling
-----------------------------------------------*/
.top-logo {
  width: 80px !important;
  height: auto;
}