:root {
    --primary-color: #1362E2;
    --secondary-color: #1362E2;
    --tertiary-color: #FFBA69;

    --light-primary-color: #418D87;
    --light-secondary-color: #8676FF;
    --text-purple: #991BFA;
}

[v-cloak] > * { 
    display:none;
}
[v-cloak]::before {
    content: 'Loading...';
    margin:0 auto;
    display: table;
}

*:focus{
    outline: none !important;
    box-shadow: none !important;
}
body{
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:14px;
    line-height: 1.618;
    background-color: #F6F7FB;
    font-weight: 300;
    color:#1B1D21;
}
img {
    max-width: 100%;
}
.pointer {
    cursor: pointer;
}
figure {
    margin: 0;
}
.text-gray {
    color: #828282;
}
a:hover {
    text-decoration: none;
}
.text-primary-color {
    color: var(--primary-color);
}
.text-secondary-color {
    color: var(--secondary-color);
}
.text-tertiary-color {
    color: var(--tertiary-color);
}
.text-light-primary-color {
    color: var(--light-primary-color);
}
.text-light-secondary-color {
    color: var(--light-secondary-color);
}
.text-light {
    color: #B4B6BA !important;
}

.text-darker {
    color: #203645;
}
.text-neutral {
    color: #676581 !important;
}
.text-theme-light {
    color: #6B747D;
}
.text-light-dark {
    color: #203645;
}
.text-strong-gray {
    color: #4F4F4F;
}
.text-strong-gray {
    color: #44444F;
}
.text-night-blue {
    color: #383874;
}
.text-pink {
    color: #FF708B;
}
.text-green {
    color: #00B929;
}
.text-purple {
    color: var(--text-purple);
}
.bg-primary-color {
    background-color: var(--primary-color);
}
.bg-secondary-color {
    background-color: var(--secondary-color);
}
.bg-tertiary-color {
    background-color: var(--tertiary-color);
}
.bg-light-primary-color {
    background-color: var(--light-primary-color);
}
.bg-light-secondary-color {
    background-color: var(--light-secondary-color);
}
.bg-light-blue {
    background-color: #E3F7FD;
}
.bg-light-green {
    background-color: #C1F4EF;
}
.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.btn-primary-light {
    background-color: var(--light-primary-color) !important;
    border-color: var(--light-primary-color) !important;
    color: #fff;
}
.btn-tertiary {
    background-color: var(--tertiary-color) !important;
    border-color: var(--tertiary-color) !important;
    color: #fff;
}
.btn-secondary {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}
.btn-gray {
    background-color: #828282 !important;
    border-color: #828282 !important;
    color: #fff;
}
.btn-secondary-light {
    background-color: var(--light-secondary-color) !important;
    border-color: var(--light-secondary-color) !important;
    color: #fff;
}
.btn-primary-light:hover,
.btn-secondary-light:hover {
    color: #fff;
}
.btn-outline-secondary {
    background-color: #fff;
    border-color: var(--secondary-color) !important;
    color: var(--secondary-color) !important;
}
.btn-outline-secondary:hover {
    background-color: var(--secondary-color) !important;
    color: #fff !important;
}
.btn-outline-danger {
    background-color: #fff;
}
.card-header-border-color {
    border-color: #EFF0F6 !important;
}

.content-border {
    border: 2px solid #f5f5f5;
}

.flex-auto {
    flex-wrap: wrap;
}

/* Fonts */
.fs-10 {
    font-size: 10px;
}
.fs-12 {
    font-size: 12px;
}
.fs-13 {
    font-size: 13px;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-18 {
    font-size: 18px;
}
.fs-20 {
    font-size: 20px;
}
.fs-22 {
    font-size: 22px;
}
.fs-24 {
    font-size: 24px;
}
.fs-26 {
    font-size: 26px;
}
.fs-30 {
    font-size: 30px;
}
.fs-32 {
    font-size: 32px;
}
.fs-34 {
    font-size: 34px;
}
.fs-40 {
    font-size: 40px;
}
.fs-48 {
    font-size: 48px;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fw-bold {
    font-weight: bold;
}
.br-8 {
    border-radius: 8px;
}
.br-16 {
    border-radius: 16px;
}
.br-25 {
    border-radius: 25px;
}
.br-100 {
    border-radius: 100px;
}

.shadow-none {
    box-shadow: none;
}
.drop-shadow {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.02), 0px 0px 18px rgba(188, 195, 199, 0.24);
}

::-webkit-input-placeholder {
    color: #55576B;
  }
  
  :-ms-input-placeholder {
    color: #55576B;
  }
  
  ::placeholder {
    color: #55576B;
  }
.mw-80 {
    min-width: 80px;
}
.max-w-250 {
    max-width: 250px;
}
.mw-260 {
    min-width: 260px;
}
.max-w-325 {
    max-width: 325px;
}
.max-w-335 {
    max-width: 335px;
}
.mh-auto {
    min-height: auto !important;
}
.pl-50 {
    padding-left: 50px !important;
}