:root {
    /*Can be customized*/

    --navbar-btn-color: #66D6EE; /*Sign In / Log In Buttons*/
    --navbar-btn-color-text: #1B2D61; /*Sign In / Log In Buttons*/

    --continue-btn-color: #006FB0; /*Continue Buttons*/
    --continue-btn-color-text: #ffffff; /*Continue Buttons*/

    --cancel-btn-color: #006380; /*Cancel Buttons*/
    --cancel-btn-color-text: #ffffff; /*Cancel Buttons*/

    --dashboard-edit-btn-color: #006FB0; /*Dashboard Edit Button*/

    --primary-color: #1B2D61; /*Main Colour - Header / Footer*/
    --primary-color-text: #ffffff; /*Footer Text Color - Nav bar*/

    --primary-color-label: #1B2D61; /*Main Text Colour - Labels / Text*/

    --alternate-color: #E4F2FB; /*Second Colour - Booking Flow - Non selected steps, Dashboard Titles*/
    --alternate-color-text: #1B2D61; /*Second Colour Text - Booking Flow - Non selected steps, Dashboard Titles*/

    --additional-alternate-color: #E4F2FB; /*Third Colour - Calendars on date/timepicker*/
    --additional-alternate-color-text: #1B2D61; /*Third Colour Text - Calendars on date/timepicker*/
    --vx-pastel-green: #A5D7C0; /*VX secondary palette, Night Sky text only*/
    --vx-pastel-teal: #99C1CC; /*VX secondary palette, Night Sky text only*/
    --vx-pastel-purple: #C0B5DD; /*VX secondary palette, Night Sky text only*/
    --vx-pastel-red: #D699A4; /*VX secondary palette, Night Sky text only*/
    --vx-pastel-orange: #F0C2B8; /*VX secondary palette, Night Sky text only*/
    /*Standard*/
    --black-color: #000000; /*Not Used*/
    --white-color: #ffffff; /*Background, all things white*/
    --secondary-color: #ffffff; /*Not Used*/
    --secondary-color-dark: #ffffff; /*Not Used*/
    --selected-background-color: #E4F2FB; /*Selcted Background Color*/
    --font-light: 300;
    --font-regular: normal;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: bold;
    --font-black: 900;
    --size-1230px: 76.875rem;
    --size-220px: 13.75rem;
    --size-120px: 7.5rem;
    --size-90px: 5.625rem;
    --size-80px: 5rem;
    --size-65px: 4.063rem;
    --size-60px: 3.75rem;
    --size-46px: 2.875rem;
    --size-42px: 2.625rem;
    --size-30px: 1.30rem;
    --size-28px: 1.75rem;
    --size-25px: 1.563rem;
    --size-20px: 1.25rem;
    --size-18px: 1.125rem;
    --size-16px: 1rem;
    --size-15px: 0.938rem;
    --size-14px: 0.875rem;
    --size-13px: 0.875rem;
    --size-12px: 0.750rem;
    --size-11px: 0.688rem;
    --size-10px: 0.625rem;
    --size-9px: 0.563rem;
    --size-8px: 0.5rem;
    --size-7px: 0.438rem;
    --size-6px: 0.375rem;
    --size-5px: 0.313rem;
    --size-4px: 0.3rem;
    --size-3px: 0.19rem;
    --size-2px: 0.13rem;
}


/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/Kanit/Kanit-Light-latin-ext.woff2") format("woff2"), url("../fonts/Kanit/Kanit-Light.ttf") format("truetype");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/Kanit/Kanit-Light-latin.woff2") format("woff2"), url("../fonts/Kanit/Kanit-Light.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Kanit/Kanit-Regular-latin-ext.woff2") format("woff2"), url("../fonts/Kanit/Kanit-Regular.ttf") format("truetype");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Kanit/Kanit-Regular-latin.woff2") format("woff2"), url("../fonts/Kanit/Kanit-Regular.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/Kanit/Kanit-Medium-latin-ext.woff2") format("woff2"), url("../fonts/Kanit/Kanit-Medium.ttf") format("truetype");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/Kanit/Kanit-Medium-latin.woff2") format("woff2"), url("../fonts/Kanit/Kanit-Medium.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/Kanit/Kanit-SemiBold-latin-ext.woff2") format("woff2"), url("../fonts/Kanit/Kanit-SemiBold.ttf") format("truetype");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/Kanit/Kanit-SemiBold-latin.woff2") format("woff2"), url("../fonts/Kanit/Kanit-SemiBold.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Kanit/Kanit-Bold-latin-ext.woff2") format("woff2"), url("../fonts/Kanit/Kanit-Bold.ttf") format("truetype");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Kanit/Kanit-Bold-latin.woff2") format("woff2"), url("../fonts/Kanit/Kanit-Bold.ttf") format("truetype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
}

*, html {
    scroll-behavior: smooth;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-variant-ligatures: unset;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: 'Kanit', 'Segoe UI', Arial, sans-serif;
    font-weight: var(--font-regular);
    color: var(--primary-color-label);
    overflow-x: hidden;
    box-sizing: border-box;
    background-color: var(--white-color);
    font-size: var(--size-20px)
}