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

/*-----------------------------------------------
|   Palette Generator with css color var output
|   https://codepen.io/cferdinandi/pen/dPojzmN
-----------------------------------------------*/

/*-----------------------------------------------
|   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);
}

/*-----------------------------------------------
|   Potential Nelo Color Palette
|   Generated with 
|   https://codepen.io/cferdinandi/pen/dPojzmN
|   Palette Generator precursor to Kelp UI
-----------------------------------------------*/
/*
--color-red-base: #cc0000;
--color-red-05: #2e0000;
--color-red-10: #430000;
--color-red-20: #690000;
--color-red-30: #8a0604;
--color-red-40: #aa1009;
--color-red-50: #d43225;
--color-red-60: #ed6252;
--color-red-70: #f58c7d;
--color-red-80: #fbb4a9;
--color-red-90: #fedbd5;
--color-red-95: #ffedea;

--color-orange-base: #ff8204;
--color-orange-05: #2b0300;
--color-orange-10: #400800;
--color-orange-20: #641200;
--color-orange-30: #841f00;
--color-orange-40: #a32a00;
--color-orange-50: #cb4600;
--color-orange-60: #e47000;
--color-orange-70: #ed965a;
--color-orange-80: #f5ba95;
--color-orange-90: #fbdecc;
--color-orange-95: #fdefe6;

--color-yellow-base: #f6cf2f;
--color-yellow-05: #1e1000;
--color-yellow-10: #2f1b00;
--color-yellow-20: #4b2e00;
--color-yellow-30: #644100;
--color-yellow-40: #7d5300;
--color-yellow-50: #9e6f00;
--color-yellow-60: #b99000;
--color-yellow-70: #c9ac3e;
--color-yellow-80: #dbc989;
--color-yellow-90: #ede5c7;
--color-yellow-95: #f6f2e3;

--color-green-base: #028121;
--color-green-05: #001b00;
--color-green-10: #002a00;
--color-green-20: #004400;
--color-green-30: #005b00;
--color-green-40: #007300;
--color-green-50: #00930e;
--color-green-60: #3eb04a;
--color-green-70: #76c479;
--color-green-80: #a7d8a7;
--color-green-90: #d5ecd5;
--color-green-95: #eaf6ea;

--color-cyan-base: #5cb6ea;
--color-cyan-05: #001531;
--color-cyan-10: #002247;
--color-cyan-20: #00396f;
--color-cyan-30: #004e91;
--color-cyan-40: #0062b3;
--color-cyan-50: #0081dc;
--color-cyan-60: #00a1f1;
--color-cyan-70: #4ebaf5;
--color-cyan-80: #93d2f9;
--color-cyan-90: #cce9fc;
--color-cyan-95: #e6f4fe;

--color-blue-base: #242b7b;
--color-blue-05: #090b35;
--color-blue-10: #12164d;
--color-blue-20: #212777;
--color-blue-30: #30389c;
--color-blue-40: #3e48c0;
--color-blue-50: #5565eb;
--color-blue-60: #7389ff;
--color-blue-70: #93a7ff;
--color-blue-80: #b6c6ff;
--color-blue-90: #dbe3ff;
--color-blue-95: #edf1ff;

--color-indigo-base: #5936c2;
--color-indigo-05: #130833;
--color-indigo-10: #1f114b;
--color-indigo-20: #342074;
--color-indigo-30: #473097;
--color-indigo-40: #593eba;
--color-indigo-50: #755ae4;
--color-indigo-60: #9080fa;
--color-indigo-70: #a9a0fc;
--color-indigo-80: #c5c1fe;
--color-indigo-90: #e2e1ff;
--color-indigo-95: #f0f0ff;

--color-purple-base: #760088;
--color-purple-05: #210227;
--color-purple-10: #33073b;
--color-purple-20: #51105c;
--color-purple-30: #6c1c7a;
--color-purple-40: #872898;
--color-purple-50: #aa43bd;
--color-purple-60: #c56cd5;
--color-purple-70: #d392e0;
--color-purple-80: #e3b7eb;
--color-purple-90: #f1dcf5;
--color-purple-95: #f8eefa;

--color-pink-base: #ffafc7;
--color-pink-05: #2b0011;
--color-pink-10: #40001d;
--color-pink-20: #640031;
--color-pink-30: #850344;
--color-pink-40: #a40b57;
--color-pink-50: #cd2e73;
--color-pink-60: #e75f91;
--color-pink-70: #f089ab;
--color-pink-80: #f8b2c7;
--color-pink-90: #fddae3;
--color-pink-95: #feedf1;

--color-gray-base: #808080;
--color-gray-05: #131313;
--color-gray-10: #1f1f1f;
--color-gray-20: #343434;
--color-gray-30: #484848;
--color-gray-40: #5b5b5b;
--color-gray-50: #777777;
--color-gray-60: #959595;
--color-gray-70: #aeaeae;
--color-gray-80: #c9c9c9;
--color-gray-90: #e4e4e4;
--color-gray-95: #f2f2f2;
*/