/* =====================================================
   PRAXIA CRM THEME
   Global Variables, Fonts & Reset
===================================================== */

*,
*::before,
*::after{
    box-sizing:border-box;
    margin:0;
    padding:0;
}

:root{

    /* Typography */
    --mono:'IBM Plex Mono', monospace;
    --sans:'IBM Plex Sans', sans-serif;
    --head:'Syne', sans-serif;

    /* Radius */
    --r:8px;
    --r-lg:12px;

    /* Base Colours */
    --ink:#0d0f0e;
    --ink2:#3d4040;
    --ink3:#7a7e7d;

    --paper:#f7f5f0;
    --surface:#ffffff;

    /* Borders */
    --rule:rgba(0,0,0,.08);
    --rule-md:rgba(0,0,0,.14);

    /* Primary */
    --accent:#c8500a;
    --accent-pale:#fdf0e8;

    /* Success */
    --accent2:#1a6644;
    --accent2-pale:#e6f4ee;

    /* Steel */
    --steel:#1c3a52;
    --steel-pale:#e6edf3;

    /* Warning */
    --warn:#8b5c00;
    --warn-pale:#fef5e4;

    /* Danger */
    --danger:#9b1c1c;
    --danger-pale:#fdf1f1;

    /* Purple */
    --purple:#5a2d82;
    --purple-pale:#f0eaf8;

    /* Teal */
    --teal:#0d6b6b;
    --teal-pale:#e4f4f4;

}

/* =====================================================
   GLOBAL
===================================================== */

html,
body{
    width:100%;
    height:100%;
}

body{
    font-family:var(--sans);
    background:var(--paper);
    color:var(--ink);
    font-size:13.5px;
    line-height:1.5;
    overflow:hidden;
}

/* =====================================================
   HELPERS
===================================================== */

.flex{
    display:flex;
}

.fac{
    align-items:center;
}

.fjb{
    justify-content:space-between;
}

.gap6{gap:6px;}
.gap10{gap:10px;}
.gap14{gap:14px;}
.gap18{gap:18px;}

.mt4{margin-top:4px;}
.mt8{margin-top:8px;}
.mt14{margin-top:14px;}
.mt18{margin-top:18px;}

.mb10{margin-bottom:10px;}
.mb14{margin-bottom:14px;}

.bold{
    font-weight:600;
}

.mono{
    font-family:var(--mono);
}

.text-muted{
    color:var(--ink3);
}

.divider{
    height:1px;
    background:var(--rule);
    margin:16px 0;
}

/* =====================================================
   SCROLLBAR
===================================================== */

::-webkit-scrollbar{
    width:5px;
    height:5px;
}

::-webkit-scrollbar-thumb{
    background:var(--rule-md);
    border-radius:3px;
}

/* ============================================================
   INTERESTED FLOW MODAL
============================================================ */

.if-section-title{
  font-size:10px;
  font-family:var(--mono);
  text-transform:uppercase;
  letter-spacing:1px;
  color:var(--ink3);
  margin:18px 0 10px;
  padding-bottom:6px;
  border-bottom:1px solid var(--rule);
}

.if-choice{
  flex:1;
  padding:12px;
  border:2px solid var(--rule-md);
  border-radius:var(--r);
  cursor:pointer;
  text-align:center;
  transition:.15s;
}

.if-choice i{
  display:block;
  font-size:18px;
  margin-bottom:4px;
}

.if-choice b,
.if-choice small{
  display:block;
}

.if-choice small{
  color:var(--ink3);
  font-size:11px;
  margin-top:2px;
}

.sidebar-logo-box{
  height:58px!important;
  padding:8px 14px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
}

.sidebar-company-logo{
  width:110px!important;
  height:32px!important;
  object-fit:contain!important;
}